现在的位置: 首页 > web前端 > 正文

JavaScript push() 方法的详解

2020年07月03日 web前端 ⁄ 共 1189字 ⁄ 字号 评论关闭

  JavaScriptpush()方法主要用于向数组的末尾添加一个或多个元素,其返回值为添加后新的长度,即push后的数组长度,该值为number类型。


  JavaScriptpush()注意:


  1.一定是在数组的末尾添加


  2.该方法会改变原数组的长度


  3.如果需要在数组起始位置添加元素请使用unshift()方法


  JavaScriptpush()函数语法


  str.push(newele1,newele2,....,neweleX)


  参数值说明:


  参数 描述


  newele1 必需。要添加到数组的第一个元素。


  newele2 可选。要添加到数组的第二个元素。


  neweleX 可选。可添加多个元素。


  说明


  push()方法是把它的参数按顺序进行添加到原数组的尾部,它直接修改了原数组的长度,并不会创建一个新的数组;利用push实现数组进栈功能,出栈可以使用pop方法。


  实例


  1.一个数组中添加新元素:


  vararr=['红','橙','黄'];


  varresult=arr.push('绿','蓝');


  console.log(arr);//输出arr数组内容:["红","橙","黄","绿","蓝"]


  console.log(result);//输出push返回的结果:5


  console.log(typeofresult);//结果类型:number


  2.小技巧,把一个数组的值赋值到另一个数组上:


  vararr1=['红','橙','黄'];


  vararr2=[];


  arr2.push(...arr1);//这样arr1中的值就赋值给了arr2上了


  console.log(arr2);//输出:["红","橙","黄"]


  备注:这里使用了es6的扩展运算符(...),它主要是将一个数组转为用逗号分隔的参数序列。console.log(...['红','橙','黄'])等价于:console.log('红','橙','黄')


  3.高级知识,在对象中使用push


  a:在对象中需要添加push的属性,其值为数组原型链的push方法,如下:


  varobj={


  name:'fly63',


  push:Array.prototype.push


  };


  obj.push('测试');


  console.log(obj[0]);//输出:测试


  console.log(obj);//输出:{0:"测试",name:"fly63",length:1,push:ƒ}


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


  

抱歉!评论已关闭.