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函数
Nov 20 Javascript
JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参
Jan 06 Javascript
函数式 JavaScript(一)简介
Jul 07 Javascript
JavaScript操作Cookie方法实例分析
May 27 Javascript
用JavaScript来美化HTML的select标签的下拉列表效果
Nov 17 Javascript
谈谈我对JavaScript原型和闭包系列理解(随手笔记6)
Dec 20 Javascript
jQuery完成表单验证的实例代码(纯代码)
Sep 30 jQuery
基于Vue框架vux组件库实现上拉刷新功能
Nov 28 Javascript
JavaScript常见JSON操作实例分析
Aug 08 Javascript
移动端图片上传旋转、压缩问题的方法
Oct 16 Javascript
vue--vuex详解
Apr 15 Javascript
详解JS深拷贝与浅拷贝
Aug 04 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
海贼王动画变成“真人”后,凯多神还原,雷利太帅了!
2020/04/09 日漫
windows服务器中检测PHP SSL是否开启以及开启SSL的方法
2014/04/25 PHP
php通过rmdir删除目录的简单用法
2015/03/18 PHP
Laravel 5 框架入门(二)构建 Pages 的管理功能
2015/04/09 PHP
php递归遍历删除文件的方法
2015/04/17 PHP
PHP获取数据库表中的数据插入新的表再原删除数据方法
2018/10/12 PHP
PHP实现爬虫爬取图片代码实例
2021/03/03 PHP
jquery+json实现的搜索加分页效果
2010/03/31 Javascript
UI Events 用户界面事件
2012/06/27 Javascript
兼容IE和FF的图片上传前预览js代码
2013/05/28 Javascript
浅析LigerUi开发中谨慎载入common.css文件
2013/07/09 Javascript
json数据的列循环示例
2013/09/06 Javascript
jQuery实现鼠标移到元素上动态提示消息框效果
2013/10/20 Javascript
判断客户浏览器是否支持cookie的示例代码
2013/12/23 Javascript
nodejs实现黑名单中间件设计
2014/06/17 NodeJs
Jquery全选与反选点击执行一次的解决方案
2015/08/14 Javascript
vue中页面跳转拦截器的实现方法
2017/08/23 Javascript
Ionic学习日记实现验证码倒计时
2018/02/08 Javascript
详解javascript函数写法大全
2019/03/25 Javascript
[01:05:30]VP vs TNC 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
Django的信号机制详解
2017/05/05 Python
Python OpenCV实现图片上输出中文
2018/01/22 Python
使用python+whoosh实现全文检索
2019/12/09 Python
基于python实现简单网页服务器代码实例
2020/09/14 Python
Pycharm学生免费专业版安装教程的方法步骤
2020/09/24 Python
python3.8.3安装教程及环境配置的详细教程(64-bit)
2020/11/28 Python
CSS3弹性布局内容对齐(justify-content)属性使用详解
2017/07/31 HTML / CSS
HTML table 表格边框的实现思路
2019/10/12 HTML / CSS
英国家庭、花园、汽车和移动解决方案:Easylife Group
2018/05/23 全球购物
银行行长竞聘演讲稿
2014/04/23 职场文书
医院保洁服务方案
2014/06/11 职场文书
青岛导游词
2015/02/12 职场文书
学生病假条范文
2015/08/17 职场文书
大学生暑期社会实践的个人总结!
2019/07/17 职场文书
Nginx设置日志打印post请求参数的方法
2021/03/31 Servers
centos8安装MongoDB的详细过程
2021/10/24 MongoDB