浅谈JavaScript的push()函数

Posted 子墨竹青

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了浅谈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)

 输出结果

 

有个问题是: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的返回值。可以点击下面的按钮查看。

 

以上是关于浅谈JavaScript的push()函数的主要内容,如果未能解决你的问题,请参考以下文章

浅谈AngularJS中的$parse和$eval

浅谈javascript闭包

浅谈javascript函数执行过程

浅谈JavaScript的函数表达式(闭包)

浅谈JavaScript中的异步处理

浅谈JavaScript的函数表达式(递归)