es6中from方法怎样用

ES6中的from方法用法

在ES6中，Array对象的静态方法from用于从类似数组或可迭代对象创建一个新的数组实例。它接受一个可迭代对象或类似数组的对象作为参数，并返回一个新的数组。

下面是from方法的语法：

Array.from(arrayLike[, mapFunction[, thisArg]])

参数说明：

• arrayLike： 类数组或可迭代对象。
• mapFunction： 可选参数，一个映射函数，用于对每个元素进行处理后生成新的值。
• thisArg： 可选参数，执行mapFunction时使用的this值。

使用from方法可以方便地将类数组对象（如DOM NodeList对象）或可迭代对象（如Set对象）转换为真正的数组。

from方法的用途

1. 将类数组对象转换为数组

const nodeList = document.querySelectorAll('div');
const nodeListArray = Array.from(nodeList);
// nodeListArray is now a real array

2. 将可迭代对象转换为数组，并对元素进行映射处理

const set = new Set([1, 2, 3]);
const doubledArray = Array.from(set, x => x * 2);
// doubledArray: [2, 4, 6]

3. 将字符串转换为字符数组

const str = 'hello';
const charArray = Array.from(str);
// charArray: ['h', 'e', 'l', 'l', 'o']

总结：

ES6中的from方法通过提供一种简洁的方式，让我们可以很方便地将类数组对象或可迭代对象转换为真正的数组，并可以对元素进行映射处理。它在处理DOM节点、Set对象等情况下非常有用。对于需要处理类似数组的数据结构，from方法是一种非常有用的工具。