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 相关文章推荐
多个iframe自动调整大小的问题
Sep 18 Javascript
JavaScript 面向对象编程(2) 定义类
May 18 Javascript
深入探密Javascript数组方法
Jan 08 Javascript
Js与Jq获取浏览器和对象值的方法
Mar 18 Javascript
Vue + Webpack + Vue-loader学习教程之相关配置篇
Mar 14 Javascript
jQuery基于Ajax实现读取XML数据功能示例
May 31 jQuery
koa-router源码学习小结
Sep 07 Javascript
jQuery easyui datagird编辑行删除行功能的实现代码
Sep 20 jQuery
防止Layui form表单重复提交的实现方法
Sep 10 Javascript
ES6学习笔记之字符串、数组、对象、函数新增知识点实例分析
Jan 22 Javascript
Nuxt的路由动画效果案例
Nov 06 Javascript
关于JavaScript 中 if包含逗号表达式
Nov 27 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中处理模拟rewrite 效果
2006/12/09 PHP
php新建文件自动编号的思路与实现
2011/06/27 PHP
动态加载js文件 document.createElement
2006/10/14 Javascript
asp javascript 实现关闭窗口时保存数据的办法
2007/11/24 Javascript
Javascript 类与静态类的实现(续)
2010/04/02 Javascript
怎样在JavaScript里写一个swing把数据插入数据库
2012/12/10 Javascript
jquery模拟SELECT下拉框取值效果
2013/10/23 Javascript
jQuery的DOM操作之删除节点示例
2014/01/03 Javascript
JQuery中操作Css样式的方法
2014/02/12 Javascript
jQuery使用CSS()方法给指定元素同时设置多个样式
2015/03/26 Javascript
详解nodejs微信公众号开发——4.自动回复各种消息
2017/04/11 NodeJs
集成vue到jquery/bootstrap项目的方法
2018/02/10 jQuery
解决VUEX的mapState/...mapState等取值问题
2020/07/24 Javascript
[01:09:23]KG vs TNC 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
Python基于有道实现英汉字典功能
2015/07/25 Python
Python列表和元组的定义与使用操作示例
2017/07/26 Python
Python实现的计算马氏距离算法示例
2018/04/03 Python
Python+selenium 获取一组元素属性值的实例
2018/06/22 Python
使用Windows批处理和WMI设置Python的环境变量方法
2019/08/14 Python
python内置模块collections知识点总结
2019/12/19 Python
python连接mongodb集群方法详解
2020/02/13 Python
完美解决keras保存好的model不能成功加载问题
2020/06/11 Python
pymongo insert_many 批量插入的实例
2020/12/05 Python
CSS3实现的渐变幻灯片效果
2020/12/07 HTML / CSS
h5实现获取用户地理定位的实例代码
2017/07/17 HTML / CSS
加拿大知名的国际儿童品牌:Hatley
2016/11/09 全球购物
美国顶级防滑鞋:Shoes For Crews
2017/03/27 全球购物
Wiggle新西兰:自行车、跑步、游泳
2020/05/06 全球购物
上海某公司.net方向笔试题
2014/09/14 面试题
CSMA/CD介质访问控制协议
2015/11/17 面试题
出口公司经理求职简历中的自我评价
2013/10/13 职场文书
优质的学校老师推荐信
2013/10/28 职场文书
电信营业员自我评价分享
2014/01/17 职场文书
公安机关纪律作风整顿个人剖析材料材料
2014/10/10 职场文书
2015教师个人工作总结范文
2015/03/31 职场文书
如何解决springcloud feign 首次调用100%失败的问题
2021/06/23 Java/Android