JavaScript数组Array常用操作方法详解

作者:闭包旅人

时间:2026-10-27

浏览:241

本文总结了JavaScript中Array对象的常用操作方法,包括元素的增删改查。详细解析了shift、unshift、pop、push等基础方法,以及concat、splice、reverse、sort、slice和join等高级处理技巧,并附带具体代码示例说明返回值与数组状态变化。

文章目录

JavaScript数组Array常用操作方法详解

在JavaScript开发中,var list = new Array()是常见的数组声明方式。本文将系统梳理Array对象提供的各类实用方法。



例如通过索引赋值:list[0] = 0;



继续赋值:list[1] = 1;



以及:list[2] = 2;



也可以采用字面量方式直接声明:var list = [0,1,2]。



数组元素的增删操作

1. shift():移除数组第一个元素,并返回该被删除的值。以上述数组为例,返回值为0。



2. unshift(3,4):将参数插入数组前端,返回新数组的长度。此时list内容变为3,4,0,1,2。



3. pop():移除数组最后一个元素,并返回该被删除的值。以上述初始数组为例,返回值为2。



4. push(3):将参数追加到数组末尾,返回新数组的长度。此时list内容变为0,1,2,3。



5. concat(3,4):用于合并两个或多个数组,返回合并后的新数组。



6. splice(start,deleteCount,val1,val2,...):从start索引位置开始删除deleteCount个元素,并从该位置起插入val1,val2等参数。



数组排序与反转

7. reverse():将数组元素顺序反转。


示例代码:var a = [1,2,3,4,5];


执行var b = a.reverse();后,数组a和变量b均变为[5,4,3,2,1]。



8. sort(orderfunction):根据指定参数对数组进行排序。


示例代码:var a = [1,2,3,4,5];


执行var b = a.sort();后,数组a和变量b保持为[1,2,3,4,5](默认按字符串Unicode码点排序)。



数组切片与字符串转换

9. slice(start,end):返回从原数组中指定开始下标到结束下标(不含)之间的项组成的新数组。


示例代码:var a = [1,2,3,4,5];


执行var b = a.slice(2,5);后,数组a保持为[1,2,3,4,5],而b变为[3,4,5]。



10. join(separator):将数组元素连接成一个字符串,以separator为分隔符;若省略则默认使用逗号分隔。


示例代码:var a = [1,2,3,4,5];


执行var b = a.join("|");后,数组a保持为[1,2,3,4,5],而b变为"1|2|3|4|5"。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章