JS 中的push方法

push方法是数组中的

var arr = []
var length = arr.push('first')
console.log(arr) // ['first']
console.log(length)  // 1 push方法会改变原有数组，且返回改变后数组的长度

尝试添加各种元素

var arr =  []
arr.push({})
console.log(arr)  // [Object] 
arr.push([],{},'str',1,null,undefined) // 添加多个元素用逗号隔开
console.log(arr) // Array, Object, 1, null, undefined

添加多个元素

  • ES6的数组扩展
var arr = [1,2,3]
var nArr = ['first', 'second', 'third'] // 想依次添加每个值到数组中
// arr.push(nArr) 如果这样添加会给arr添加多一个数组元素，arr.length = 4 
arr.push(...nArr) ES6的方法数组扩展 
console.log(arr) //  [1,2,3,'first', 'second', 'third']
// 这种扩展方法仅对Array有效
  • apply使用
var arr = [1,2,3]
var nArr = ['first', 'second', 'third'] // 想依次添加每个值到数组中
Array.prototype.push.apply(arr,nArr) // apply 参数传入使用数组的方式
console.log(arr) //  [1,2,3,'first', 'second', 'third']

对象能用push吗？

  • 直接用是不行的，可以使用call方法来改用

  • 了解V8引擎 push实现的原理

function ArrayPush () {
 var n = TO_UINT32(this.length) // 被push的对象的length
 var m = %_ArgumentsLength() // push的参数个数
 for (var i = 0; i < m; i++) {
   this[i+n] = %_Arguments(i) // 复制元素
 }
 this.length = n + m 
 return this.length 
}
  • 其实就是一个属性复制的过程，索引值为键，添加的参数为值，还添加多一个length属性，所以push方法对对象也是可以使用的，如果对象一开始就使用了索引值为属性名，可能被后面新添加的属性替代
var obj = {}
var obj2 = {0: 'firstValue'}
Array.prototype.push.call(obj, 'first') 
Array.prototype.push.call(obj2, 'first') 
console.log(obj)  // {0: 'first', length: 1}
console.log(obj2) // {0: 'first', length: 1} 原本的'firstValue'会被替代
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容