Array.from详解语法功能应用场景示例

在JavaScript ES6中，Array.from方法为开发者提供了一种将类数组对象或可迭代对象（如Set、Map等）转换成新数组的强大工具。它不仅简化了代码，还增强了灵活性和功能性，是现代前端开发不可或缺的一部分。

基本概念和作用说明

Array.from的主要用途是创建一个新的浅拷贝的Array实例从一个类似数组的对象或者可迭代对象（包括字符串）。其基本语法如下：

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

• arrayLike：想要转换成数组的伪数组对象或可迭代对象。
• mapFn：如果指定了该参数，则新数组中的每个元素会执行该回调函数。
• thisArg：执行回调函数时，用于this的值。

示例一：基础使用

let divs = document.querySelectorAll('div');
let arr = Array.from(divs);
console.log(arr); // 输出所有div元素组成的数组

示例二：映射转换

let numbers = [1, 2, 3];
let doubles = Array.from(numbers, x => x *