5分钟深刻理解伪数组

 

我们常见的伪数组都有哪些？arguments、通过document.getElements..获取到的内容；

 

这些伪数组有什么特点呢？它具有length属性，也是一个一个的元素组成的，但是构造器不是Array，不能使用数组的方法。

 

我们来思考一个问题：为什么伪数组就不能使用数组方法，为什么数组就能使用push等方法了

　　var a = []  //这是js的语法糖；

　　正规的用法：var a = new Array()。

　　一个数组都是由它的构造器实例化出来的，

　　因为Array是一个构造函数，每一个构造函数都有原型,且构造函数构造出来的实例可以使用原型上的方法，也就是说因为Array的原型上有一些方法，所以每一个数组都可以使用这些push等等的方法

　　那么重点来啦！！！

　　因为伪数组的构造器不是Array，当然不能使用Array原型上的push等方法

 

那么伪数组如何转化为真正的数组呢？

    方法一：通过遍历将伪数组里元素放入到一个新的数组里

　　let arg = arguments//这就是一个典型的伪数组
   let arr = []
   for (var i = 0; i < arg.length; i++) {
      arr.push(arg[i])
    }
    console.log(arr)

　方法二：

　　let arr = [].slice.call(arg) //Array.prototype.slice.call(arg)

 

　　　方法二中一行代码就能实现，但是实现的原理是什么呢？关键在sclice和call

　　　数组有一个方法slice，这个方法每次都会返回一个新数组，如果不传参数的话，返回的新数组的元素和原数组的元素是一模一样的，如果伪数组也能执行这个slice方法的话，那么是不是就会返回一个新的真正的数组呢？但是此时不能直接执行，所以我们使用偷梁换柱的方法，让一个真正的数据，或者直接从Array.prototype上执行slice方法，但是在执行的时候通过call来将里面的this换成咱们的伪数组，改变数组slice方法里的this指向，这样的话，就会返回一个元素和伪数组元素一样的真正数组了