浅谈JavaScript的push()函数

浅谈JavaScript的push()函数

push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。返回值为把指定的值添加到数组后的新长度。

语法：arrayObject.push(newelement1,newelement2,....,newelementX)

• 参数newelement1，必需。要添加到数组的第一个元素。
• 参数newelement2，可选。要添加到数组的第二个元素。
• 参数newelementX，可选。可添加多个元素。

push() 方法可把它的参数顺序添加到 arrayObject 的尾部。它直接修改 arrayObject，而不是创建一个新的数组。push() 方法和 pop() 方法使用数组提供的先进后出栈的功能。该方法会改变数组的长度。

01	<script type="text/javascript">

02

03	var arr = new Array(3)

04	arr[0] = "Apple"

05	arr[1] = "Banana"

06	arr[2] = "Orange"

07

08	document.write(arr + "<br />")

09	document.write(arr.push("NowaMagic") + "<br />")

10	document.write(arr)

11

12

</script>

程序运行结果：

1	Apple,Banana,Orange

2

4

3	Apple,Banana,Orange,NowaMagic

测试数组的push与pop方法

下面介绍push与pop函数的简单实用，请看下面代码：

1	<script type="text/javascript">

2	var arr = ["Aplle","Banana","Orange","Pear"];

3	var arr2 =  [1,2,3,4];

4	arr.push("NowaMagic");

5	var popped = arr2.pop();

6

</script>

数组对象的push与pop方法分别在数组的尾部添加与删除元素。push方法有一个参数，也就是要添加到数组尾部的元素，而pop方法则没有参数，而是返回从数组尾部删除的元素。见下面的JS代码。

点击上面的按钮可以看到“arr.push("NowaMagic");”一句之后，arr数组的元素增加了一个，恰恰是我们push进去的NowaMagic。下面再来看一看对arr2调用pop方法之后的，arr2有什么变化。

可见，arr2已经从1,2,3,4变为1,2,3。因为原来的最后一个元素"4"，被pop了出去。我们使用了popped变量存储了pop的返回值。可以点击下面的按钮查看。