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 相关文章推荐
onpropertypchange
Jul 01 Javascript
测试JavaScript字符串处理性能的代码
Dec 07 Javascript
extjs grid设置某列背景颜色和字体颜色的实现方法
Sep 06 Javascript
JavaScript高级程序设计阅读笔记(十六) javascript检测浏览器和操作系统-detect.js
Aug 14 Javascript
js arguments对象应用介绍
Nov 28 Javascript
Jquery ajaxStart()与ajaxStop()方法(实例讲解)
Dec 18 Javascript
js拆分字符串并将分割的数据放到数组中的方法
May 06 Javascript
request请求获取参数的实现方法(post和get两种方式)
Sep 27 Javascript
基于JQuery实现的跑马灯效果(文字无缝向上翻动)
Dec 02 Javascript
React中的refs的使用教程
Feb 13 Javascript
Express之托管静态文件的方法
Jun 01 Javascript
Vant picker 多级联动操作
Nov 02 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
从零开始的异世界生活:第二季延期后,B站上架了第二部剧场版
2020/05/06 日漫
如何使用PHP中的字符串函数
2006/11/24 PHP
PHP和MySql中32位和64位的整形范围是多少
2016/02/18 PHP
jQuery使用手册之 事件处理
2007/03/24 Javascript
jquery 页面全选框实践代码
2010/04/02 Javascript
JavaScript初学者需要了解10个小技巧
2010/08/25 Javascript
javascript五图轮播切换实用版
2012/08/17 Javascript
jQuery lazyLoad图片延迟加载插件的优化改造方法分享
2013/08/13 Javascript
一个简单的全屏图片上下打开显示网页效果示例
2014/07/08 Javascript
js实现同一页面可多次调用的图片幻灯切换效果
2015/02/28 Javascript
浅谈jQuery中height与width
2015/07/06 Javascript
总结JavaScript中布尔操作符||与&amp;&amp;的使用技巧
2015/11/17 Javascript
jQuery zTree加载树形菜单功能
2016/02/25 Javascript
location.hash保存页面状态的技巧
2016/04/28 Javascript
Javascript中常用类型的格式化方法小结
2016/12/26 Javascript
JavaScript实现经典排序算法之选择排序
2016/12/28 Javascript
js仿网易表单及时验证功能
2017/03/07 Javascript
webpack构建vue项目的详细教程(配置篇)
2017/07/17 Javascript
three.js中文文档学习之创建场景
2017/11/20 Javascript
Node.js中你不可不精的Stream(流)
2018/06/08 Javascript
vue返回上一页面时回到原先滚动的位置的方法
2018/12/20 Javascript
Python 搭建Web站点之Web服务器网关接口
2016/11/06 Python
django admin组件使用方法详解
2019/07/19 Python
python opencv 简单阈值算法的实现
2019/08/04 Python
python基于FTP实现文件传输相关功能代码实例
2019/09/28 Python
详解python实现可视化的MD5、sha256哈希加密小工具
2020/09/14 Python
CSS去掉A标签(链接)虚线框的方法
2014/04/01 HTML / CSS
波兰品牌鞋履在线商店:Eastend.pl
2020/01/11 全球购物
出生公证书
2015/01/23 职场文书
运动会加油稿50字
2015/07/21 职场文书
办公用品管理制度
2015/08/04 职场文书
mysql 直接拷贝data 目录下文件还原数据的实现
2021/07/25 MySQL
Win11怎么启动任务管理器?Win11启动任务管理器的几种方法
2021/11/23 数码科技
MySQL优化常用的19种有效方法(推荐!)
2022/03/17 MySQL
排查并解决Oracle sysaux表空间异常增长
2022/04/20 Oracle
使用opencv-python如何打开USB或者笔记本前置摄像头
2022/06/21 Python