如何将JavaScript中的伪数组有效转换为数组?
- 内容介绍
- 文章标签
- 相关推荐
本文共计1445个文字,预计阅读时间需要6分钟。
目录前言什么是伪数组?转换ES5的做法方法1方法2ES6的做法第三个参数的使用(不常用)Array.from的其他玩法把字符串转换成数组前言在JS中,伪数组是非数组对象,它们具有类似数组的长度属性和索引访问,但缺少数组的方法。伪数组通常由DOM操作返回,例如从`querySelectorAll`获取的节点列表。
什么是伪数组?伪数组是具有数字键和`length`属性的对象,但不是真正的数组。它们不提供数组的全部方法。
转换ES5的做法方法1使用`Array.prototype.slice.call()`方法可以将伪数组转换为真正的数组。
javascriptvar pseudoArray={0: 'a', 1: 'b', length: 2};var realArray=Array.prototype.slice.call(pseudoArray);
方法2使用`Array.from()`方法(ES6引入)。
javascriptvar pseudoArray={0: 'a', 1: 'b', length: 2};var realArray=Array.from(pseudoArray);
ES6的做法第三个参数的使用(不常用)`Array.from()`方法的第三个参数是一个映射函数,用于处理每个元素。
本文共计1445个文字,预计阅读时间需要6分钟。
目录前言什么是伪数组?转换ES5的做法方法1方法2ES6的做法第三个参数的使用(不常用)Array.from的其他玩法把字符串转换成数组前言在JS中,伪数组是非数组对象,它们具有类似数组的长度属性和索引访问,但缺少数组的方法。伪数组通常由DOM操作返回,例如从`querySelectorAll`获取的节点列表。
什么是伪数组?伪数组是具有数字键和`length`属性的对象,但不是真正的数组。它们不提供数组的全部方法。
转换ES5的做法方法1使用`Array.prototype.slice.call()`方法可以将伪数组转换为真正的数组。
javascriptvar pseudoArray={0: 'a', 1: 'b', length: 2};var realArray=Array.prototype.slice.call(pseudoArray);
方法2使用`Array.from()`方法(ES6引入)。
javascriptvar pseudoArray={0: 'a', 1: 'b', length: 2};var realArray=Array.from(pseudoArray);
ES6的做法第三个参数的使用(不常用)`Array.from()`方法的第三个参数是一个映射函数,用于处理每个元素。

