本文总结了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"。