Array.from 可将类数组或可迭代对象转为数组，支持映射函数和指定长度初始化，适用于 arguments、NodeList、字符串等场景，且兼容不可迭代的类数组对象，功能较扩展运算符更强大。

Array.from 是 JavaScript 中用于将类数组对象或可迭代对象转换为真正数组的方法。它也可以用来创建指定长度的数组，并支持通过映射函数处理每个元素。

基本语法

Array.from(arrayLike, mapFn, thisArg)

• arrayLike：想要转换成数组的类数组对象或可迭代对象（如字符串、NodeList、arguments 等）
• mapFn：可选，新数组每个元素会执行的回调函数
• thisArg：可选，执行 mapFn 时的 this 值

转换类数组对象

常见的类数组对象是函数中的 arguments 或 DOM 中的 NodeList。

function example() { return Array.from(arguments); } example(1, 2, 3); // [1, 2, 3]

// 获取所有 div 元素并转为数组 const divs = Array.from(document.querySelectorAll('div'));

处理字符串

字符串是可迭代对象，Array.from 可将其拆分为字符数组。

Array.from('hello'); // ['h', 'e', 'l', 'l', 'o']

创建指定长度的数组

结合 length 属性，可以生成固定长度的空数组，并配合 mapFn 初始化值。

Java Api Extractor

从 Java 项目中提取 Controller 层接口定义为 JSON 数据。

下载

// 创建长度为 5 的数组，每一项是索引的平方 Array.from({ length: 5 }, (v, i) => i * i); // [0, 1, 4, 9, 16]

// 创建 [1, 2, 3, 4, 5] Array.from({ length: 5 }, (v, i) => i + 1);

与扩展运算符的区别

扩展运算符（...）也能将可迭代对象转为数组，但只适用于可迭代对象。Array.from 更强大，能处理类数组对象（即使不可迭代）。

// NodeList 在某些环境中不可用扩展运算符 Array.from(document.querySelectorAll('div')); // 安全 [...document.querySelectorAll('div')]; // 通常也可行，但依赖 Symbol.iterator

对于类数组但不可迭代的对象，只有 Array.from 能处理。

基本上就这些。Array.from 简洁且功能强，适合数据转换和初始化数组场景。