将伪数组转化为真数组的几种方法

如题所述

第1个回答  2022-06-29
1.具有length属性,可以获取长度。
2.具有索引,可以通过遍历获取所有元素。
3.不可以使用数组的内置方法和属性。

我们可以看到伪数组的__proto__指向的是一个Object对象,当然不能使用数组的内置方法和属性了。

可以看到,真数组的__proto__指向的是一个Array数组。

1.函数的内置对象arguments,它是所有实参组成的伪数组。
2.DOM对象组成的伪数组,通过document.querySelectorAll等获得的dom对象列表。
3.jQuery对象组成的伪数组,通过$('选择器')获取到的包含dom对象列表和jQuery方法的jQuery对象。

方法一:最简单的,先准备一个新的空数组,然后遍历伪数组,将伪数组中的值通过索引逐个添加到新数组当中。

方法二:利用扩展运算符(...)将伪数组转化为真数组 - ES6语法

方法三:利用Array的原型对象的slice方法,配合call()方法修改slice中this指向

方法四:利用Array.from方法 - ES6

注意:Array.from方法是从一个类似数组或可迭代对象创建一个新的,浅拷贝的数组实例。(MDN)
这里简单的说一下浅拷贝和深拷贝:
浅拷贝只会复制对象的第一层数据,如果是其他层,复制的是地址。
深拷贝会将整个对象的数据复制给新对象。

也就是说,用Array.from方法返回的新数组是一个浅拷贝数组,如果改变了新数组当中深层次对象的数据,那么原来的对象当中的数据也会跟着被修改。
举个例子:

可见当我们修改了ary数组的第一层数据时,arrayLike没有改变,但是当我们修改ary数组深层数据的时候,arrayLike里深层的数据也相应的改变了,这是因为浅拷贝时深层数据是拷贝的地址,所以新数组和原来的伪数组深层的数据,在内存当中的地址是一样的,修改新数组的深层数据,当然也会修改原伪数组的深层数据。

伪数组转化为新数组的方法,暂时就想到这么多了,文章中的错误之处欢迎大家指正。

当然,有关深拷贝与浅拷贝,后续会继续总结更新。。。

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网