JavaScript中Array.from()的用法总结

下面我将为你详细讲解“JavaScript中Array.from()的用法总结”的完整攻略。

1. 简介

在JavaScript中，Array.from()是一个非常常用的数组转换方法，它可以把类数组对象或可迭代对象转化成一个数组，从而方便我们对这些数据进行操作。Array.from()本身返回一个新的数组，因此不会改变原对象（类数组对象或可迭代对象）。

2. 语法

Array.from(obj[, mapFn[, thisArg]])

参数：

• obj：需要转换成数组的对象，可以是类数组对象或者可迭代对象。
• mapFn (可选)：数组中每个元素都会执行该回调函数。该函数应该返回一个数组元素的新值。这个参数没有指定时，结果数组会和原来的对象一样。
• thisArg (可选)：回调函数 mapFn 中 this 对象。

返回值：

一个新的数组实例。

3. 示例

示例一：类数组转换为数组

let obj = {
    0: "hello",
    1: "world",
    length: 2
};

let arr = Array.from(obj);

console.log(arr); // ["hello", "world"]
console.log(Array.isArray(arr)); // true

上面的代码中，我们定义了一个类数组对象obj，然后使用Array.from()方法将其转换成了一个数组。输出结果为["hello", "world"]，并且我们通过Array.isArray()方法可以验证arr确实是一个数组。

示例二：可迭代对象的转换

let s = new Set(["foo", "bar", "baz"]);
let arr = Array.from(s);
console.log(arr);  // ["foo", "bar", "baz"]

上面的代码中，我们定义了一个Set对象s，然后使用Array.from()方法将其转换成了一个数组。输出结果为["foo", "bar", "baz"]。

4. 总结

通过以上的讲解以及示例，我们可以看出Array.from()方法有着非常广泛的应用场景。它可以将类数组对象和可迭代对象转换成数组，为我们的数据操作提供了极大的方便。希望这篇文章能够对你有所帮助。