JavaScript from() 方法

JavaScript 中的 from() 方法是一个静态方法，用于将类数组对象或可迭代对象转换为一个数组。这个方法非常有用，可以帮助我们快速方便地处理各种数据结构转换的问题。在本文中，我将详细介绍 from() 方法的使用方法以及示例代码。

语法

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

• arrayLike: 必需，要转换为数组的类数组对象或可迭代对象。
• mapFn: 可选，对每个元素进行处理的函数。
• thisArg: 可选，执行 mapFn 时的 this 值。

示例

将类数组对象转换为数组

const arrayLike = { 0: 'a', 1: 'b', 2: 'c', length: 3 };
const array = Array.from(arrayLike);
console.log(array); // ['a', 'b', 'c']

将字符串转换为数组

const str = 'hello';
const array = Array.from(str);
console.log(array); // ['h', 'e', 'l', 'l', 'o']

使用 mapFn 对数组元素进行处理

const numbers = [1, 2, 3, 4, 5];
const squaredNumbers = Array.from(numbers, x => x * x);
console.log(squaredNumbers); // [1, 4, 9, 16, 25]

使用箭头函数传入 thisArg

-- -------------------- ---- -------
----- --- - -
  ------ ---
  --------- ---------- -
    ----- ------- - --- -- ---
    ------ ------------------- ----------- -
      ------ - - -----------
    -- -----
  -
--
---------------------------- -- ---- --- ---

总结

通过 from() 方法，我们可以轻松地将类数组对象或可迭代对象转换为数组，并且可以方便地对数组元素进行处理。这个方法在日常开发中非常实用，希會本文对你有所帮助。