JavaScript数组Array对象增加和删除元素方法总结

 更新时间:2015年01月20日 11:58:07   投稿:shichen2014  
这篇文章主要介绍了JavaScript数组Array对象增加和删除元素方法,实例总结了pop方法、push方法、splice方法、concat方法等的使用技巧,需要的朋友可以参考下

本文实例总结了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程序设计有所帮助。

相关文章

  • 使用typescript+webpack构建一个js库的示例详解

    使用typescript+webpack构建一个js库的示例详解

    这篇文章主要介绍了typescript+webpack构建一个js库,本文主要记录使用typescript配合webpack打包一个javascript library的配置过程,需要的朋友可以参考下
    2022-07-07
  • JavaScript自执行闭包的小例子

    JavaScript自执行闭包的小例子

    JQuery是一个很明显的自执行闭包的例子,有需要的朋友可以参考一下
    2013-06-06
  • JavaScript中的连字符详解

    JavaScript中的连字符详解

    这篇文章主要是对JavaScript中的连字符进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11
  • Javascript实现计算个人所得税

    Javascript实现计算个人所得税

    用javascript脚本语言编写一个“个人所得税计算器”?计算公式:所得税=(月收入-起征额)*10%;重填就是全部清空;十分的实用,有需要的小伙伴可以参考下。
    2015-05-05
  • ES6扩展运算符和rest运算符用法实例分析

    ES6扩展运算符和rest运算符用法实例分析

    这篇文章主要介绍了ES6扩展运算符和rest运算符用法,结合实例形式分析了ES6扩展运算符和rest运算符基本功能、用法及操作注意事项,需要的朋友可以参考下
    2020-05-05
  • javascript 网页进度条简单实例

    javascript 网页进度条简单实例

    这篇文章主要介绍了javascript 网页进度条简单实例的相关资料,需要的朋友可以参考下
    2017-02-02
  • JS桶排序的简单理解与实现方法示例

    JS桶排序的简单理解与实现方法示例

    这篇文章主要介绍了JS桶排序的简单理解与实现方法,结合实例形式详细分析了js桶排序的概念、原理、实现方法及操作注意事项,需要的朋友可以参考下
    2019-11-11
  • JSON.stringify(递归)与 JSON.parse(有限状态自动机)的实现代码

    JSON.stringify(递归)与 JSON.parse(有限状态自动机)的实现代码

    这篇文章主要介绍了JSON.stringify(递归)与 JSON.parse(有限状态自动机)的实现,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-08-08
  • 微信小程序实现自定义底部导航

    微信小程序实现自定义底部导航

    这篇文章主要为大家详细介绍了微信小程序实现自定义底部导航,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-11-11
  • javascript中的五种基本数据类型

    javascript中的五种基本数据类型

    在javascript中申明变量使用的关键字都是var,这点与其他的编程语言不尽相同,但是javascript亦含有五种基本的数据类型(也可以说是简单数据类型),它们分别是:Undefined,Null,Boolean,Number和String。还含有一种复杂数据类型—Object。这里我们不谈复杂数据类型
    2015-08-08

最新评论