如何将伪数组转换成真正的数组

Posted 放咩咩的星星

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何将伪数组转换成真正的数组相关的知识,希望对你有一定的参考价值。

1.常见的伪数组有哪些?

arguments、通过document.getElements..获取到的内容

 

2.伪数组有什么特点?

具有length属性,也是一个一个的元素组成的,但是构造器不是Array,不能使用数组的方法

 

3.转换为真正的数组的方法:

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

通过call改变数组slice方法里的this指向

 

因为我想要让伪数组也能使用数组的方法,为什么伪数组就不能使用数组方法,为什么数组就能使用push方法

一个数组都是由她的构造器实例化出来的,var a = [];这是js的语法糖;正规的用法:var a = new Array()

 

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

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

 

现在数组有一个方法slice,这个方法每次都会返回一个新数组,如果不传参的话,返回的新数组的元素和原数组的元素是一模一样的

如果伪元素也能执行这个方法的话,那么是不是就返回一个真正的数组,并且元素一样,但是不能直接执行

所以我们使用偷梁换柱的方法,让一个真正的数组,或者直接从Array.prototype上执行slice方法,但是在执行的时候通过call来将里面的this换成伪数组,这样的话,就会返回一个元素和伪数组元素一样的真正数组了

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

 

以上是关于如何将伪数组转换成真正的数组的主要内容,如果未能解决你的问题,请参考以下文章

将伪数组转为真正的数组

在Javascript中什么是伪数组?如何将伪数组转化为标准数组?

在Javascript中什么是伪数组?如何将伪数组转化为标准数组?

在Javascript中什么是伪数组?如何将伪数组转化为标准数组?

Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。

前端每日一题 02在Javascript中什么是伪数组?如何将伪数组转化为标准数组?