JavaScript Array.from()

简介

Array.from() 方法用于将类数组对象或可迭代对象转换为真正的数组。它接收两个参数：第一个参数是要转换的对象，第二个参数是一个可选的映射函数。

语法

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

参数

• arrayLike：要转换的类数组对象或可迭代对象。
• mapFn（可选参数）：对每个元素执行的映射函数。
• thisArg（可选参数）：执行mapFn函数时上下文对象。

示例

// 将字符串转换为数组
const str = 'hello';
const arr = Array.from(str);
console.log(arr); // [ 'h', 'e', 'l', 'l', 'o' ]

// 将类数组对象转换为数组
const obj = { 0: 'a', 1: 'b', 2: 'c', length: 3 };
const arr2 = Array.from(obj);
console.log(arr2); // [ 'a', 'b', 'c' ]

// 使用映射函数转换数组
const arr3 = [1, 2, 3];
const arr4 = Array.from(arr3, x => x * 2);
console.log(arr4); // [2, 4, 6]

注意事项

• Array.from() 方法只能转换可迭代对象，如果要转换类数组对象，必须包含length属性。
• 映射函数会在转换后的每个元素上执行，返回的结果将组成新的数组。
• 映射函数可以接收三个参数：元素值、索引和原始数组。