浅谈JavaScript的push()函数

Posted 2020-08-23 子墨竹青

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

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

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

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

案例1：push（）

	var arr = new Array(3);
	arr[0] = "数组一"
	arr[1] = "数组二"
	arr[2] = "数组三"

	console.log(arr);//输出原素组
	console.log(arr.push("添加数组四"));
　　　　　document.write(arr)

　输出结果

　

有个问题是:push添加元素之后没有直接输出添加元素之后的数组，只显示了数组的个数（长度）。

 

案例2：

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

//案例2：测试数组的push与pop方法
    var arr = ["Aplle","Banana","Orange","Pear"];
    var arr2 =  [1,2,3,4];

    arr.push("NowaMagic");
    var popped = arr2.pop();

    console.log(arr);
    console.log(arr2);
    console.log(popped);

显示的结果：

解析：点击上面的按钮可以看到“arr.push("NowaMagic");”一句之后，arr数组的元素增加了一个，恰恰是我们push进去的NowaMagic。

然后arr2调用pop方法之后的，arr2发生了变化，输出1，2，3。 

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