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 相关文章推荐
深入理解javascript变量声明
Nov 20 Javascript
jQuery使用append在html元素后同时添加多项内容的方法
Mar 26 Javascript
jQuery获取URL请求参数的方法
Jul 18 Javascript
jquery判断复选框是否被选中的方法
Oct 16 Javascript
jQuery-1.9.1源码分析系列(十)事件系统之事件包装
Nov 20 Javascript
jQuery实现的手风琴侧边菜单效果
Mar 29 jQuery
javascript深拷贝、浅拷贝和循环引用深入理解
May 27 Javascript
angularJs中orderBy筛选以及filter过滤数据的方法
Sep 30 Javascript
JavaScript递归函数定义与用法实例分析
Jan 24 Javascript
vue路由导航守卫和请求拦截以及基于node的token认证的方法
Apr 07 Javascript
微信小程序网络层封装的实现(promise, 登录锁)
May 08 Javascript
html2canvas属性和使用方法以及如何使用html2canvas将HTML内容写入Canvas生成图片
Jan 12 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开发者的编程指南 第一部分降低复杂程度
2016/01/18 PHP
PHP mongodb操作类定义与用法示例【适合mongodb2.x和mongodb3.x】
2018/06/16 PHP
php微信公众号开发之欢迎老朋友
2018/10/20 PHP
js 页面关闭前的出现提示的实现代码
2011/05/25 Javascript
jquery设置text的值示例(设置文本框 DIV 表单值)
2014/01/06 Javascript
使用mouse事件实现简单的鼠标经过特效
2015/01/30 Javascript
Jquery左右滑动插件之实现超级炫酷动画效果附源码下载
2015/12/02 Javascript
快速掌握Node.js之Window下配置NodeJs环境
2016/03/21 NodeJs
前端开发之CSS原理详解
2017/03/11 Javascript
Agularjs妙用双向数据绑定实现手风琴效果
2017/05/26 Javascript
jquery操作ul的一些操作笔记整理(干货)
2017/08/31 jQuery
微信小程序实现滚动消息通知
2018/02/02 Javascript
vue-cli 3.x 修改dist路径的方法
2018/09/19 Javascript
BootStrap中的模态框(modal,弹出层)功能示例代码
2018/11/02 Javascript
vue项目中运用webpack动态配置打包多种环境域名的方法
2019/06/24 Javascript
JavaScript 格式化数字、金额、千分位、保留几位小数、舍入舍去
2019/07/23 Javascript
[01:08:09]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#1Liquid VS Alliance第二局
2016/03/02 DOTA
[02:52]2017DOTA2国际邀请赛中国区预选赛晋级之路
2017/07/03 DOTA
[12:21]VICI vs TNC (BO3)
2018/06/07 DOTA
浅谈python新手中常见的疑惑及解答
2016/06/14 Python
Python中操作mysql的pymysql模块详解
2016/09/13 Python
python中将正则过滤的内容输出写入到文件中的实例
2018/10/21 Python
利用python numpy+matplotlib绘制股票k线图的方法
2019/06/26 Python
python使用 request 发送表单数据操作示例
2019/09/25 Python
Python基础教程之输入输出和运算符
2020/07/26 Python
html5的canvas方法使用指南
2014/12/15 HTML / CSS
美国领先的汽车轮胎和轮毂供应商:TireBuyer
2016/07/21 全球购物
Darphin迪梵官网: 来自巴黎,植物和精油调制的护肤品牌
2016/10/11 全球购物
历史系毕业生自荐信
2013/10/28 职场文书
计算机专业毕业生的自我评价
2013/11/18 职场文书
幼儿园小班教学反思
2014/02/02 职场文书
个人公开承诺书
2014/03/28 职场文书
鼋头渚导游词
2015/02/05 职场文书
董事长致辞
2015/07/29 职场文书
师德培训心得体会2016
2016/01/09 职场文书
利用Python读取微信朋友圈的多种方法总结
2021/08/23 Python