array.from 能高效转换类数组或可迭代对象，支持映射函数一步完成转换与处理，避免冗余遍历，生成稠密数组，并适用于 dom 节点、字符串、set/map 及初始化数组等场景。
Array.from 能高效处理类数组或可迭代对象，尤其在数据解析场景中替代传统循环，减少冗余代码并提升可读性与性能。
直接转换类数组对象，避免手动遍历
DOM 查询结果（如 document.querySelectorAll）返回的是 NodeList，属于类数组但不是 Array，无法直接调用 map、filter 等方法。过去常用 [...nodeList] 或 Array.prototype.slice.call(nodeList)，但 Array.from 更语义清晰且兼容性好（IE 不支持，现代项目基本无碍）。
- 推荐写法：Array.from(document.querySelectorAll('input'))，返回真正的数组，后续可链式调用 .map(el => el.value)
- 对比：扩展运算符 [...nodeList] 在底层也调用迭代器，性能接近；但 Array.from 支持第二个参数（映射函数），一步到位
配合映射函数，省去额外的 map 步骤
Array.from 的第二个参数是映射回调，等价于先转数组再调 map，但只遍历一次，对大数据量更友好。
- 例如解析一串数字字符串：Array.from('12345', x => Number(x)) → [1, 2, 3, 4, 5]
- 比 Array.from('12345').map(Number) 少一次遍历，尤其在处理成千上万字符时差异可见
- 适用于字符串、Set、Map 的键/值等可迭代源，无需先构造中间数组
构造初始化数组并填充，替代 new Array().fill()
需要创建指定长度的数组并按规则生成值时，Array.from 的第三个参数（thisArg）和映射函数能灵活控制每个索引的值，比 fill + map 更直接。
- 生成 0–9 的平方数组：Array.from({ length: 10 }, (_, i) => i ** 2)
- 生成带索引前缀的 ID 列表：Array.from({ length: 5 }, (_, i) => `id-${i + 1}`) → ['id-1', 'id-2', ..., 'id-5']
- 注意：new Array(5).fill().map((_, i) => i) 会产生稀疏数组问题（若 fill 传 undefined），而 Array.from 始终生成稠密数组
与 JSON 解析结合，安全预处理嵌套结构
后端返回的数组可能含空值、类型不一致字段，Array.from 可在转换同时做轻量校验和标准化。
- 例如解析用户列表并确保 name 字段存在：Array.from(rawUsers, u => ({ ...u, name: u.name || '未知用户' }))
- 配合解构和默认值，避免后续频繁的 if 判断，逻辑更集中
- 不建议在 Array.from 中做重计算（如请求接口、正则全局匹配），会抵消性能优势；聚焦纯同步数据变形
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
