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 相关文章推荐
jquery 操作单选框,复选框,下拉列表实现代码
Oct 27 Javascript
jquery实现网站超链接和图片提示效果
Mar 21 Javascript
jquery删除数据记录时的弹出提示效果
May 06 Javascript
javascript产生随机数方法汇总
Jan 25 Javascript
js多功能分页组件layPage使用方法详解
May 19 Javascript
Bootstrap中data-target 到底是什么
Feb 14 Javascript
webpack使用 babel-loader 转换 ES6代码示例
Aug 21 Javascript
解决webpack dev-server不能匹配post请求的问题
Aug 24 Javascript
Node.js npm命令运行node.js脚本的方法
Oct 10 Javascript
微信小程序实现swiper切换卡内嵌滚动条不显示的方法示例
Dec 20 Javascript
jQuery实现简单飞机大战
Jul 05 jQuery
解决VUE mounted 钩子函数执行时 img 未加载导致页面布局的问题
Jul 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
Windows Apache2.2.11及Php5.2.9-1的安装与配置方法
2009/06/08 PHP
一个显示某段时间内每个月的方法 返回由这些月份组成的数组
2012/05/16 PHP
PHP array_multisort() 函数的深入解析
2013/06/20 PHP
php实现每天自动变换随机问候语的方法
2015/05/12 PHP
php获取本机真实IP地址实例代码
2016/03/31 PHP
PHP面相对象中的重载与重写
2017/02/13 PHP
Referer原理与图片防盗链实现方法详解
2019/07/03 PHP
使用PHP开发留言板功能
2019/11/19 PHP
学习从实践开始之jQuery插件开发 对话框插件开发
2012/04/26 Javascript
Extjs实现进度条的两种便捷方式
2013/09/26 Javascript
jquery统计复选框选中示例
2013/11/05 Javascript
javascript实现存储hmtl字符串示例
2014/04/25 Javascript
在JavaScript中重写jQuery对象的方法实例教程
2014/08/25 Javascript
JavaScript实现的类字典插入或更新方法实例
2015/07/10 Javascript
jQuery下拉友情链接美化效果代码分享
2015/08/26 Javascript
Easyui Treegrid改变默认图标的方法
2016/04/29 Javascript
基于bootstrap实现多个下拉框同时搜索功能
2017/07/19 Javascript
vue中axios的封装问题(简易版拦截,get,post)
2018/06/15 Javascript
Vue使用NProgress的操作过程解析
2019/10/10 Javascript
vue中渲染对象中属性时显示未定义的解决
2020/07/31 Javascript
搞笑的程序猿:看看你是哪种Python程序员
2015/06/12 Python
python 正确保留多位小数的实例
2018/07/16 Python
centos 安装Python3 及对应的pip教程详解
2019/06/28 Python
python3 requests库文件上传与下载实现详解
2019/08/22 Python
Pandas实现dataframe和np.array的相互转换
2019/11/30 Python
python GUI库图形界面开发之PyQt5打印控件QPrinter详细使用方法与实例
2020/02/28 Python
解决Jupyter Notebook开始菜单栏Anaconda下消失的问题
2020/04/13 Python
python能在浏览器能运行吗
2020/06/17 Python
海淘母婴商城:国际妈咪
2016/07/23 全球购物
技术学校毕业生求职信分享
2013/12/02 职场文书
仓库组长岗位职责
2014/01/29 职场文书
《荷花》教学反思
2014/04/16 职场文书
小班评语大全
2014/05/04 职场文书
小学中队活动总结
2015/05/11 职场文书
PyTorch device与cuda.device用法
2022/04/03 Python
python画条形图的具体代码
2022/04/20 Python