关于伪数组
常见的伪数组都有哪些?arguments、通过document.getElements..获取到的内容;
伪数组有什么特点?具有length属性,也是一个一个的元素组成的,但是构造器不是Array,不能使用数组的方法,按索引方式存储数据
-
转换为真正数组的方法:
通过遍历将伪数组里元素放入到一个新的数组里
let arg = arguments//这就是一个典型的伪数组
let arr = []
for (var i = 0; i < arg.length; i++) {
arr.push(arg[i])
}
console.log(arr)
通过call改变数组slice方法里的this指向
因为我想要让伪数组也能使用数组的方法,为什么伪数组就不能使用数组方法,为什么数组就能使用push方法了
一个数组都是由它的构造器实例化出来的,var a = []//这是js的语法;正规的用法:var a = new Array()
因为Array是一个构造函数,每一个构造函数都有原型,且构造函数构造出来的实例可以使用原型上的方法,也就是说因为Array的原型上有一些方法,所以每一个数组都可以使用这些push等等的方法
因为伪数组的构造器不是Array,当然不能使用Array原型上的push方法
现在数组有一个方法slice,这个方法每次都会返回一个新数组,如果不传参数的话,返回的新数组的元素和原数组的元素是一模一样的
如果伪数组也能执行这个slice方法的话,那么是不是就会返回一个新的真正的数组,并且元素一样,但是不能直接执行
所以我们使用偷梁换柱的方法,让一个真正的数据,或者直接从Array.prototype上执行slice方法,但是在执行的时候通过call来将里面的this换成咱们的伪数组,这样的话,就会返回一个元素和伪数组元素一样的真正数组了
let arr = [].slice.call(arg) //Array.prototype.slice.call(arg)
最后总结:
function makeArray(c){
try{
return Array.prototype.slice.call(c);
}catch(e){
var ret = [];
for(var i = 0;i < c.length;i++){
ret[i] = c[i];
}
return ret;
}
}