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 相关文章推荐
一份老外写的XMLHttpRequest代码多浏览器支持兼容性
Jan 11 Javascript
jQuery on方法传递参数示例
Dec 09 Javascript
js实现鼠标触发图片抖动效果的方法
Feb 27 Javascript
AngularJS的依赖注入实例分析(使用module和injector)
Jan 19 Javascript
Javascript中的神器——Promise
Feb 08 Javascript
Angular组件化管理实现方法分析
Mar 17 Javascript
微信小程序之网络请求简单封装实例详解
Jun 28 Javascript
详解升级react-router 4 踩坑指南
Aug 14 Javascript
jQuery实现IE输入框完成placeholder标签功能的方法
Sep 20 jQuery
一个Vue页面的内存泄露分析详解
Jun 25 Javascript
node.js实现带进度条的多文件上传
Mar 27 Javascript
es6函数之箭头函数用法实例详解
Apr 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 调试环境(IIS+PHP+MYSQL)
2007/01/10 PHP
一个PHP的ZIP压缩类分享
2014/05/04 PHP
PHP生成随机字符串(3种方法)
2015/09/25 PHP
利用php_imagick实现复古效果的方法
2016/10/18 PHP
jquerymobile checkbox及时刷新才能获取其准确值
2012/04/14 Javascript
JavaScript字符串对象slice方法入门实例(用于字符串截取)
2014/10/16 Javascript
使用Javascript简单实现图片无缝滚动
2014/12/05 Javascript
浅谈JavaScript事件的属性列表
2015/03/01 Javascript
JS实现网页标题栏显示当前时间和日期的完整代码
2015/11/02 Javascript
Bootstrap Validator 表单验证
2016/07/25 Javascript
jQuery3.0中的buildFragment私有函数详解
2016/08/16 Javascript
完美解决input[type=number]无法显示非数字字符的问题
2017/02/28 Javascript
js实现鼠标单击Tab表单切换效果
2018/05/16 Javascript
javascript闭包的使用之按钮切换功能
2018/08/30 Javascript
Vue官方推荐AJAX组件axios.js使用方法详解与API
2018/10/09 Javascript
vue实现记事本功能
2019/06/26 Javascript
layui之table checkbox初始化时选中对应选项的方法
2019/09/02 Javascript
通过实例了解JS执行上下文运行原理
2020/06/17 Javascript
Python实现列表删除重复元素的三种常用方法分析
2017/11/24 Python
tensorflow实现简单的卷积神经网络
2018/05/24 Python
Python通过yagmail实现发送邮件代码解析
2020/10/27 Python
Django用内置方法实现简单搜索功能的方法
2020/12/18 Python
matplotlib常见函数之plt.rcParams、matshow的使用(坐标轴设置)
2021/01/05 Python
解决virtualenv -p python3 venv报错的问题
2021/02/05 Python
HTML5+CSS3应用详解
2014/02/24 HTML / CSS
机电工程专业应届生求职信
2013/10/03 职场文书
工厂实习感言
2014/01/14 职场文书
心理健康日活动总结
2014/05/08 职场文书
党员领导干部承诺书
2014/05/28 职场文书
2014教师个人自我评价范文
2014/09/13 职场文书
2015年乡镇财政工作总结
2015/05/19 职场文书
酒店员工管理制度
2015/08/05 职场文书
大学三好学生主要事迹范文
2015/11/03 职场文书
初二物理教学反思
2016/02/19 职场文书
超越Nginx的Web服务器caddy优雅用法
2022/06/21 Servers
Python中的 No Module named ***问题及解决
2022/07/23 Python