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中的this绑定介绍
Sep 22 Javascript
JS实现金额转换(将输入的阿拉伯数字)转换成中文的实现代码
Sep 30 Javascript
Javascript实现简单二级下拉菜单实例
Jun 15 Javascript
火狐下input焦点无法重复获取问题的解决方法
Jun 16 Javascript
tuzhu_req.js 实现仿百度图片首页效果
Aug 11 Javascript
浅析javascript异步执行函数导致的变量变化问题解决思路
May 13 Javascript
jquery+ajax实现直接提交表单实例分析
Jun 17 Javascript
AngularJS 表达式详细讲解及实例代码
Jul 26 Javascript
KnockoutJS 3.X API 第四章之数据控制流if绑定和ifnot绑定
Oct 10 Javascript
jQuery对table表格进行增删改查
Dec 22 Javascript
vue 项目如何引入微信sdk接口的方法
Dec 18 Javascript
Koa项目搭建过程详细记录
Apr 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中echo用逗号和用点号的区别详解
2018/01/23 PHP
javascript jQuery $.post $.ajax用法
2008/07/09 Javascript
iframe窗口高度自适应的又一个巧妙实现思路
2014/04/04 Javascript
详谈nodejs异步编程
2014/12/04 NodeJs
Extjs 点击复选框在表格中增加相关信息行
2016/07/12 Javascript
基于jQuery实现火焰灯效果导航菜单
2017/01/04 Javascript
jQuery实现文章图片弹出放大效果
2017/04/06 jQuery
ES6中Math对象新增的方法实例详解
2017/04/25 Javascript
解决BootStrap Fileinput手机图片上传显示旋转问题
2017/06/01 Javascript
Vue2.0 axios前后端登陆拦截器(实例讲解)
2017/10/27 Javascript
node.js多个异步过程中判断执行是否完成的解决方案
2017/12/10 Javascript
iview中Select 选择器多选校验方法
2018/03/15 Javascript
详解Webpack + ES6 最新环境搭建与配置
2018/06/04 Javascript
详解Vue、element-ui、axios实现省市区三级联动
2019/05/07 Javascript
layui 对table中的数据进行转义的实例
2019/09/12 Javascript
JavaScript eval()函数定义及使用方法详解
2020/07/07 Javascript
在python的WEB框架Flask中使用多个配置文件的解决方法
2014/04/18 Python
python中的sort方法使用详解
2014/07/25 Python
Python中Django框架下的staticfiles使用简介
2015/05/30 Python
浅谈Python实现2种文件复制的方法
2018/01/19 Python
ubuntu安装sublime3并配置python3环境的方法
2018/03/15 Python
Python实现判断一行代码是否为注释的方法
2018/05/23 Python
利用Python写一个爬妹子的爬虫
2018/06/08 Python
详解Python3.6的py文件打包生成exe
2018/07/13 Python
python和opencv实现抠图
2018/07/18 Python
Python中分支语句与循环语句实例详解
2018/09/13 Python
将python图片转为二进制文本的实例
2019/01/24 Python
Python数据结构与算法(几种排序)小结
2019/06/22 Python
Python 中 -m 的典型用法、原理解析与发展演变
2019/11/11 Python
使用CSS3实现圆角,阴影,透明
2014/12/23 HTML / CSS
Servlet都有哪些方法?主要作用是什么?
2014/03/04 面试题
电大毕业自我鉴定
2014/02/03 职场文书
优秀员工评语
2014/02/10 职场文书
求职自荐信怎么写
2014/03/06 职场文书
五一劳动节活动记录
2014/03/23 职场文书
《鲁班学艺》读后感3篇
2019/11/27 职场文书