浅谈JavaScript的push()函数

时间:2023-03-10 00:14:44
浅谈JavaScript的push()函数

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)

 输出结果

 浅谈JavaScript的push()函数

有个问题是: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);

显示的结果:

浅谈JavaScript的push()函数

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

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

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