array.of 仅将参数原样转为数组，不处理结构；array.from 可将类数组或可迭代对象转数组，并支持映射与序列生成，二者分工明确非替代关系。
Array.of 只管“把参数原样塞进数组”，Array.from 则专注“把别的东西变成数组”——两者定位不同，不是替代关系，而是分工明确。
Array.of 的局限：只认参数，不处理结构
它本质是一个更可靠的数组构造器，解决的是 new Array(5) 误创建空槽位的问题。但它的能力边界非常清晰：
- 只能接受离散参数，比如
Array.of(1, "a", true)→[1, "a", true] - 无法处理字符串、Set、Map、NodeList、arguments 等任何已有结构
- 传入字符串
Array.of("abc")得到的是["abc"]，不是["a","b","c"] - 对类数组对象（如
{0: "x", 1: "y", length: 2}）完全无感知，不会自动提取索引项
Array.from 的全面性：适配多种输入源
它设计目标就是“泛化转换”，只要对象满足两类条件之一，就能转成数组：
-
有 length 属性且索引合法（类数组）：如
arguments、DOM 的NodeList、手动构造的{0:"a",1:"b",length:2} -
部署了 Symbol.iterator（可迭代）：如
String、Set、Map、Array本身，甚至自定义迭代器 - 支持映射处理：第二个参数是回调函数，相当于边转边
map，比如Array.from("123", x => +x)→[1, 2, 3] - 还能生成序列：配合伪数组对象，如
Array.from({length: 5}, (_, i) => i)→[0, 1, 2, 3, 4]
典型误用场景对比
想把一个 DOM 元素列表转成数组并加 class？
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
- ❌
Array.of(document.querySelectorAll("div"))→ 返回一个只含 NodeList 的单元素数组 - ✅
Array.from(document.querySelectorAll("div")).forEach(el => el.classList.add("active"))
想把字符串拆成字符数组？
- ❌
Array.of("hello")→["hello"] - ✅
Array.from("hello")→["h", "e", "l", "l", "o"]
想把 Set 去重后转数组？
- ❌
Array.of(new Set([1,1,2]))→，没拆开
- ✅
Array.from(new Set([1,1,2])) → <code>[1, 2]
该选哪个？看输入形态
简单说：
- 你有一堆零散值要打包成数组 → 用
Array.of - 你手上是一个已有结构（字符串、集合、DOM 列表、参数对象等）→ 用
Array.from - 你需要边转换边加工数据 → 只能选
Array.from，它自带映射能力 - 你在写工具函数，要兼容类数组和可迭代对象 →
Array.from是唯一稳妥选择
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
