如何将JavaScript中的伪数组有效转换为数组?

更新于
2026-07-26 19:51:51
15阅读来源:SEO基础
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计1445个文字,预计阅读时间需要6分钟。

如何将JavaScript中的伪数组有效转换为数组?

目录前言什么是伪数组?转换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分钟。

如何将JavaScript中的伪数组有效转换为数组?

目录前言什么是伪数组?转换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()`方法的第三个参数是一个映射函数,用于处理每个元素。

阅读全文