JavaScript数组Array对象增加和删除元素方法总结


Posted in Javascript onJanuary 20, 2015

本文实例总结了JavaScript数组Array对象增加和删除元素方法。分享给大家供大家参考。具体分析如下:

pop 方法

移除数组中的最后一个元素并返回该元素。
arrayObj.pop( )
必选的 arrayObj 引用是一个 Array 对象。
说明
如果该数组为空,那么将返回 undefined。

shift 方法

移除数组中的第一个元素并返回该元素。
arrayObj.shift( )
必选的 arrayObj 引用是一个 Array 对象。
说明
shift 方法可移除数组中的第一个元素并返回该元素。

var arr = new Array(0,1,2,3,4);  

var remove = arr.pop();  

alert(remove);  

alert(arr.length);

 
移除并返回最后一个元素,先弹出 4 ,然后提示目前数组长度 弹出 4 !
 
push 方法

将新元素添加到一个数组中,并返回数组的新长度值。
arrayObj.push([item1 [item2 [. . . [itemN ]]]])
参数
arrayObj
必选项。一个 Array 对象。
item, item2,. . . itemN
可选项。该 Array 的新元素。
说明
push 方法将以新元素出现的顺序添加这些元素。如果参数之一为数组,那么该数组将作为单个元素添加到数组中。如果要合并两个或多个数组中的元素,请使用 concat 方法。

var arr = new Array(0,1,2,3,4);  

// 参数是一个或多个  

var len = arr.push(5,6);  

//len = arr.push(7);  

for(var i=0;i<arr.length;i++){  

    alert(arr[i]);  

}

 
可以一次性增加多个进去,也可以增加一个,返回数组目前长度。变了打印数组内容观察变化!

splice 方法

从一个数组中移除一个或多个元素,如果必要,在所移除元素的位置上插入新元素,返回所移除的元素。
arrayObj.splice(start, deleteCount, [item1[, item2[, . . . [,itemN]]]])
参数
arrayObj
必选项。一个 Array 对象。
start
必选项。指定从数组中移除元素的开始位置,这个位置是从 0 开始计算的。
deleteCount
必选项。要移除的元素的个数。
item1, item2,. . .,itemN
必选项。要在所移除元素的位置上插入的新元素。
说明
splice 方法可以移除从 start 位置开始的指定个数的元素并插入新元素,从而修改 arrayObj。返回值是一个由所移除的元素组成的新 Array 对象。
 

var arr = new Array(0,1,2,3,4);  

// 删除从2开始的两个元素,位置从0开始  

// 返回移除元素的数组  

var reArr = arr.splice(2,2);  

// 可以在移除元素的位置替换新的元素进去  

//只是从移除开始位置进行增加新元素,如果你移除两个元素,你完全可以增加10个新元素进去  

//var reArr = arr.splice(2,2,6,7,8,9);  

for(var i=0;i<arr.length;i++){  

    alert(arr[i]);  

}

 
如果你不想增加新的元素进去,那么不要传递第三个参数即可!

concat 方法 (Array)

返回一个新数组,这个新数组是由两个或更多数组组合而成的。
array1.concat([item1[, item2[, . . . [, itemN]]]])
参数
array1
必选项。其他所有数组要进行连接的 Array 对象。
item1,. . ., itemN
可选项。要连接到 array1 末尾的其他项目。
说明
concat 方法返回一个 Array 对象,其中包含了 array1 和提供的任意其他项目的连接。
要加的项目(item1 … itemN)会按照从左到右的顺序添加到数组。如果某一项为数组,那么添加其内容到 array1 的末尾。如果该项目不是数组,就将其作为单个的数组元素添加到数组的末尾。

以下为从源数组复制元素到结果数组:

对于从正被连接到新数组的数组中复制的对象参数,复制后仍然指向相同的对象。不论新数组和源数组中哪一个有改变,都将引起另一个的改变。
对于连接到新数组的数值或字符串,只复制其值。一个数组中值有改变并不影响另一个数组中的值。

var arr = new Array(0,1);  

var arr2 = new  Array(3,4);  

var arr = arr.concat(arr2);  

for(var i=0;i<arr.length;i++){  

    alert(arr[i]);  

}

 
方法的作用是将arr2中的元素复制到了arr中!

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
JS对select控件option选项的增删改查示例代码
Oct 21 Javascript
JS操作CSS随机改变网页背景实现思路
Mar 10 Javascript
JS小游戏之宇宙战机源码详解
Sep 25 Javascript
七个不允许错过的jQuery小技巧
Dec 21 Javascript
jQuery获取checkbox选中的值
Jan 28 Javascript
基于JavaScript实现下拉列表左右移动代码
Feb 07 Javascript
JavaScript实现AOP详解(面向切面编程,装饰者模式)
Dec 19 Javascript
浅谈es6中export和export default的作用及区别
Feb 07 Javascript
Vue路由切换时的左滑和右滑效果示例
May 29 Javascript
js+SVG实现动态时钟效果
Jul 14 Javascript
如何在Vue.JS中使用图标组件
Aug 04 Javascript
Vue实现简单的拖拽效果
Aug 25 Javascript
DOM基础教程之使用DOM + Css
Jan 20 #Javascript
jquery+ajax实现跨域请求的方法
Jan 20 #Javascript
嵌入式iframe子页面与父页面js通信的方法
Jan 20 #Javascript
javascript浏览器窗口之间传递数据的方法
Jan 20 #Javascript
用队列模拟jquery的动画算法实例
Jan 20 #Javascript
jQuery 处理页面的事件详解
Jan 20 #Javascript
DOM 事件流详解
Jan 20 #Javascript
You might like
php模板之Phpbean的目录结构
2008/01/10 PHP
php检索或者复制远程文件的方法
2015/03/13 PHP
php动态添加url查询参数的方法
2015/04/14 PHP
php 可变函数使用小结
2018/06/12 PHP
一些常用的JS功能函数代码
2009/06/23 Javascript
jQuery TextBox自动完成条
2009/07/22 Javascript
JS在IE和FireFox之间常用函数的区别小结
2010/03/12 Javascript
使用jQuery.Validate进行客户端验证(初级篇) 不使用微软验证控件的理由
2010/06/28 Javascript
js性能优化 如何更快速加载你的JavaScript页面
2012/03/17 Javascript
可在线编辑网页文字效果代码(单击)
2013/03/02 Javascript
用jQuery实现一些导航条切换,显示隐藏的实例代码
2013/06/08 Javascript
JS加载器如何动态加载外部js文件
2016/05/26 Javascript
深入浅析knockout源码分析之订阅
2016/07/12 Javascript
jQuery的 $.ajax防止重复提交的两种方法(推荐)
2016/10/14 Javascript
浅析Visual Studio Code断点调试Vue
2018/02/27 Javascript
Nodejs 和 Electron ubuntu下快速安装过程
2018/05/04 NodeJs
vuejs中监听窗口关闭和窗口刷新事件的方法
2018/09/21 Javascript
vue视频播放暂停代码
2019/11/08 Javascript
基于Web Audio API实现音频可视化效果
2020/06/12 Javascript
聊聊vue 中的v-on参数问题
2021/01/29 Vue.js
python关闭windows进程的方法
2015/04/18 Python
开源软件包和环境管理系统Anaconda的安装使用
2017/09/04 Python
python的socket编程入门
2018/01/29 Python
Python数据分析库pandas基本操作方法
2018/04/08 Python
在CMD命令行中运行python脚本的方法
2018/05/12 Python
pytorch 中的重要模块化接口nn.Module的使用
2020/04/02 Python
KARATOV珠宝在线商店:俄罗斯珠宝品牌
2019/03/13 全球购物
护理专科毕业推荐信
2013/11/10 职场文书
大学生职业生涯规划范文——找准自我,定位人生
2014/01/23 职场文书
军训自我鉴定100字
2014/02/13 职场文书
乡镇组织委员个人整改措施
2014/09/16 职场文书
校园运动会广播稿
2014/10/06 职场文书
SQL Server——索引+基于单表的数据插入与简单查询【1】
2021/04/05 SQL Server
解决jupyter notebook启动后没有token的坑
2021/04/24 Python
go语言中fallthrough的用法说明
2021/05/06 Golang
JavaScript实现外溢动态爱心的效果的示例代码
2022/03/21 Javascript