JavaScript 数组的常用操作

JavaScript splice 方法

splice 方法用于插入、删除或替换数组的元素。语法如下：

array_object.splice(start, num, element1, element1, ...)

参数说明:
参数	说明
array_object	要操作的数组（对象）
start	必需。开始添加/删除元素的下标数字。
num	可选。规定应该删除多少元素，数字。可以是 "0"，如果省略则删除从 start 到原数组结尾的所有元素。
element1, ...	可选。规定从 start 处要添加到数组的新元素序列，使用 , 分隔多个元素。

如果从 array_object 中删除了元素，则返回的是被删除的元素的数组。

splice 方法删除元素实例

<script language="JavaScript">

var array_1 = new Array('a','b','c','d');

document.write( array_1.splice(1,2) + '<br />' );

document.write( array_1 );

</script>

运行该例子，输出：

b,c

a,d

注意：上面 splice 方法返回的是一个数组，该数组包含了被删除的 'b','c' 两个元素。

splice 方法插入元素实例

当 num 参数设置为 0 且 element1 等参数不为空时，将把 element1, ... 等元素插入 start 处。

<script language="JavaScript">

var array_1 = new Array('a','b','c','d');

document.write( array_1.splice(1,0,'tom') + '<br />' );

document.write( array_1 );

</script>

运行该例子，输出：

a,tom,b,c,d

可见在插入数组模式下，splice 方法不返回任何内容。

splice 方法替换元素实例

当 num 参数设置大于 0 且 element1 等参数不为空时，将把 element1, ... 等元素替换在被删除的数组处。这个过程我们可以看做是上面删除元素与插入元素的结合。

<script language="JavaScript">

var array_1 = new Array('a','b','c','d');

document.write( array_1.splice(1,2,'tom') + '<br />' );

document.write( array_1 );

</script>

运行该例子，输出：

b,c

a,tom,d

可见在替换模式下，返回的仍然是包含被删除的元素的数组，而将参数里的元素序列从删除的位置插入。

JavaScript shift 方法

shift 方法用于删除数组的第一个元素，并返回删除的元素值。语法如下：

array_object.shift( )

数组执行 shift 方法后，数组长度减 1 ，后面的元素（如果有的话）下标同时减 1 。如果数组已经为空，则数组不会被改变，shift 方法将返回 undefined。

pop 方法实例

<script language="JavaScript">

var array_1 = new Array('a','b','c');

document.write( array_1.shift() + '<br />' );

document.write( array_1 );

</script>

运行该例子，输出：

a

b,c

JavaScript unshift 方法

unshift 方法用于向数组的开头添加一个或多个元素，并返回新数组的长度。语法如下：

array_object.unshift( newelement1, newelement2, ... )

参数说明:
参数	说明
array_object	要操作的数组（对象）
newelement1, ...	至少一个。要添加到数组的元素序列，使用 , 分隔。

提示：unshift 方法将直接修改原数组，并将已经存在的元素顺次地移到较高的下标处，而不像其他很多方法一样得到一个原数组的副本。

unshift 方法实例

<script language="JavaScript">

var array_1 = new Array('a','b','c');

document.write( array_1.unshift(1,2) + '<br />' );

document.write( array_1 );

</script>

运行该例子，输出：

5

1,2,a,b,c

注意

在 IE 某些版本下，该方法返回的可能是 undefined 而不是新数组的长度。