JavaScript 类数组转化为数组

简介: 很多情况下我们需要将类数组的对象(key是以0到n的数字或字符串,具有length属性。例如:Arguments对象)转化为一个数组来进行各种例如forEach的数组操作,在ES5中是利用类数组对象强制调用Array对象的slice方法来进行转换的,在ES6中Array扩展了from方法来进行转换.

很多情况下我们需要将类数组的对象(key是以0到n的数字或字符串,具有length属性。例如:Arguments对象)转化为一个数组来进行各种例如forEach的数组操作,在ES5中是利用类数组对象强制调用Array对象的slice方法来进行转换的,在ES6中Array扩展了from方法来进行转换,另外,ES6中的扩展运算符也可将某些类数组对象转化为数组
各方法示例如下:

  • 强制调用Array对象的slice方法
console.log(Array.prototype.slice.call({
        '0': 'a',
        '1': 'b',
        '2': 'c',
        length: 3
    })); //Array(3) [ "a", "b", "c" ]
  • Array.from()方法
console.log(Array.from({
        '0':'a',
        '1':'b',
        '2':'c',
        length:3
    })); //Array(3) [ "a", "b", "c" ]
  • 扩展运算符...
console.log((function (a,b,c) {
        console.log([...arguments]);
    }("a","b","c"))); //Array(3) [ "a", "b", "c" ]
目录
相关文章
|
20天前
|
存储 JavaScript 索引
js开发:请解释什么是ES6的Map和Set,以及它们与普通对象和数组的区别。
ES6引入了Map和Set数据结构。Map的键可以是任意类型且有序,与对象的字符串或符号键不同;Set存储唯一值,无重复。两者皆可迭代,支持for...of循环。Map有get、set、has、delete等方法,Set有add、delete、has方法。示例展示了Map和Set的基本操作。
23 3
|
21天前
|
JavaScript 前端开发
js开发:请解释原型继承和类继承的区别。
JavaScript中的原型继承和类继承用于共享对象属性和方法。原型继承通过原型链实现共享,节省内存,但不支持私有属性。
19 0
|
4天前
|
JavaScript
通过使用online表单的获取使用,了解vue.js数组的常用操作
通过使用online表单的获取使用,了解vue.js数组的常用操作
|
5天前
|
存储 JavaScript 前端开发
深入了解JavaScript中的indexOf()方法:实现数组元素的搜索和索引获取
深入了解JavaScript中的indexOf()方法:实现数组元素的搜索和索引获取
7 0
|
8天前
|
JavaScript 前端开发
js关于数组的方法
js关于数组的方法
10 0
|
8天前
|
JavaScript 前端开发
js怎么清空数组?
js怎么清空数组?
12 0
|
8天前
|
存储 JavaScript 前端开发
js处理数组的方法
js处理数组的方法
13 2
|
15天前
|
JavaScript 前端开发 索引
JavaScript 数组的索引方法数组转换为字符串方法
JavaScript 数组的索引方法数组转换为字符串方法
|
15天前
|
JavaScript 前端开发
JavaScript 数组的添加删除和排序
JavaScript 数组的添加删除和排序
|
16天前
|
SQL JavaScript 前端开发
为Node.js加一个DB类
为Node.js加一个DB类