JavaScript 数组常用操作方法详解

数组元素的增删操作

shift方法用于移除数组中的第一个元素，并返回该被移除元素的值；若数组为空，则返回undefined。示例代码如下： var a = [1,2,3,4,5]; var b = a.shift();

执行后数组a变为[2,3,4,5]，变量b的值为1。

unshift方法用于在数组开头插入一个或多个参数，并返回插入后数组的新长度。示例代码如下： var a = [1,2,3,4,5]; var b = a.unshift(-2,-1);

执行后数组a变为[-2,-1,1,2,3,4,5]，变量b的值为7。

需要注意的是，在IE6.0环境下测试该方法的返回值始终为undefined，而在FF2.0环境下返回值为7。由于返回值存在浏览器兼容性问题，建议在需要获取新长度的场景中使用splice方法替代unshift。

pop方法用于移除数组中的最后一个元素，并返回该被移除元素的值；若数组为空，则返回undefined。示例代码如下： var a = [1,2,3,4,5]; var b = a.pop();

执行后数组a变为[1,2,3,4]，变量b的值为5。

push方法用于在数组末尾添加一个或多个参数，并返回添加后数组的新长度。示例代码如下： var a = [1,2,3,4,5]; var b = a.push(6,7);

执行后数组a变为[1,2,3,4,5,6,7]，变量b的值为7。

数组的连接与合并

concat方法用于连接两个或多个数组，返回一个新数组，原数组保持不变。示例代码如下： var a = [1,2,3,4,5]; var b = a.concat(6,7);

执行后数组a仍为[1,2,3,4,5]，变量b的值为[1,2,3,4,5,6,7]。

数组的截取与替换

splice(start, deleteCount, val1, val2, ...)方法从索引start位置开始删除deleteCount个元素，并从该位置插入val1、val2等参数。示例代码如下： var a = [1,2,3,4,5]; var b = a.splice(2,2,7,8,9);

执行后数组a变为[1,2,7,8,9,5]，变量b（被删除的元素组成的数组）的值为[3,4]。

splice方法可以模拟其他数组操作方法： var b = a.splice(0,1); // 效果同shift a.splice(0,0,-2,-1); var b = a.length; // 效果同unshift var b = a.splice(a.length-1,1); // 效果同pop a.splice(a.length,0,6,7); var b = a.length; // 效果同push

数组的反转与排序

reverse方法用于将数组元素顺序反转。示例代码如下： var a = [1,2,3,4,5]; var b = a.reverse();

执行后数组a变为[5,4,3,2,1]，变量b的值也为[5,4,3,2,1]。

sort([orderfunction])方法用于对数组元素进行排序，可选参数orderfunction用于指定排序规则。示例代码如下： var a = [1,2,3,4,5]; var b = a.sort();

执行后数组a变为[1,2,3,4,5]，变量b的值也为[1,2,3,4,5]。

数组的切片与字符串转换

slice(start, end)方法返回从原数组中指定起始下标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]。

join(separator)方法将数组中的所有元素连接成一个字符串，以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"。