Array.from()是JavaScript中将类数组或可迭代对象转为真正数组的最简洁安全方法，支持映射函数和this绑定，可处理arguments、NodeList、Set、Map、字符串等，但不支持普通对象。

Array.from() 是 JavaScript 中将类数组对象（如 arguments、NodeList）或可迭代对象（如 Set、Map、字符串）转为真正数组的最简洁、安全的方法。

from 的基本用法和参数结构

它接收三个参数：
- 第一个必填：要转换的类数组或可迭代对象；
- 第二个可选：映射函数，类似 map，用于对每个元素做处理；
- 第三个可选：映射函数执行时的 this 值。

语法示例：

Array.from(arrayLike, (item, index) => item * 2, thisArg)

转换常见类数组对象

类数组对象指有 length 属性、按数字索引存放元素，但没有数组方法的对象。

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

• 转换 arguments（函数内）：
  function fn() { return Array.from(arguments).slice(1); }
• 转换 DOM 查询结果：
  const buttons = Array.from(document.querySelectorAll('button'));
  这样就能直接调用 .forEach()、.filter() 等方法
• 手动构造类数组再转换：
  

  const fakeArr = { 0: 'a', 1: 'b', length: 2 };<br>
      Array.from(fakeArr); // ['a', 'b']

转换可迭代对象

只要对象实现了 [Symbol.iterator]，就可用 Array.from() 转换。

立即学习“Java免费学习笔记（深入）”；

• 字符串（每个字符）：
  Array.from('hi'); // ['h', 'i']
• Set（去重后转数组）：
  Array.from(new Set([1, 2, 2, 3])); // [1, 2, 3]
• Map（默认转为 [key, value] 数组）：
  Array.from(new Map([['a', 1], ['b', 2]])); // [['a', 1], ['b', 2]]
• 配合映射函数提取值：
  Array.from(new Map([['a', 1], ['b', 2]]), ([k, v]) => v); // [1, 2]

注意点和实用技巧

相比扩展运算符 [...iterable]，Array.from() 更灵活，尤其适合需要映射或处理逻辑的场景。

• 它会忽略空位（sparse array），但保留 undefined 元素
• 不能直接转换普通对象（无 length 或 @@iterator）
• 若源对象不满足条件，会抛出 TypeError
• 想生成指定长度的数组并填充值？可以传入类数组结构：
  Array.from({length: 3}, (_, i) => i); // [0, 1, 2]