array.from 和对象解构功能定位完全不同：前者将类数组或可迭代对象转为数组，后者从对象中提取属性赋值给变量；二者输入输出、适用场景均不重叠，不可互相替代。
Array.from 和对象解构是两类完全不同的操作，目的、输入输出、适用场景均不重叠：前者用于构造新数组，后者用于从已有对象中提取属性赋值给变量。混淆它们容易导致逻辑错误或运行时异常。
功能定位完全不同
Array.from 是一个静态方法，作用是「将类数组或可迭代对象转为真正的 Array 实例」；对象解构是一种赋值语法，作用是「从对象中按键名提取值并声明变量」。
- Array.from 处理的是结构（如 NodeList、{0:'a',1:'b',length:2}、Set），产出是数组
- 对象解构处理的是键值对（如 {name: 'Alice', age: 30}），产出是独立变量
- 两者不能互相替代：你无法用解构把 NodeList 变成数组，也不能用 Array.from 直接拿到对象的 name 和 age 变量
输入数据类型要求不同
Array.from 支持两类输入：有 length 属性 + 数字索引的类数组对象（如 arguments、DOM 的 HTMLCollection），以及实现了 Symbol.iterator 的可迭代对象（如 Set、Map、字符串）。
对象解构只接受 plain object（普通对象），且必须是可枚举、具名的属性；它不关心 length，也不处理索引数字键（除非显式写成字符串形式）。
- ✅ Array.from({0:'x',1:'y',length:2}) → ['x','y']
- ❌ const {0:a} = {0:'x'} 不合法（对象解构不支持数字键直接解构，需写成 '0':a）
- ✅ const {name, age} = {name:'Tom',age:25} → 变量 name 和 age 被赋值
- ❌ Array.from({name:'Tom',age:25}) → [{name:'Tom',age:25}]（原样包进数组，不是你想要的“拆对象”）
是否涉及数据转换与映射能力
Array.from 具备内置映射能力：第二个参数可传函数，对每个元素做即时转换。
对象解构本身无映射逻辑，但可结合默认值、别名、嵌套解构实现灵活取值，属于结构匹配而非数据加工。
- Array.from(['1','2'], x => Number(x) * 2) → [2,4]
- const {price: p = 0, category: c = 'other'} = product → 提取并重命名+设默认值
- 解构不能改变原始值类型或执行计算；若需转换，得在解构后手动处理，或配合 map/filter 等链式调用
常见误用与替代方案
有人试图用解构代替 Array.from 处理 DOM 列表，结果失败；也有人以为 Array.from 能“解构对象”，实际只是把它当单个元素放进新数组。
- 错误：const {0,1} = document.querySelectorAll('div') —— NodeList 不是普通对象，且数字键不可直接解构
- 正确：const [first, second] = Array.from(document.querySelectorAll('div')) —— 先转数组，再数组解构
- 错误：Array.from({a:1,b:2}) === [1,2] —— 实际结果是 [{a:1,b:2}]
- 若真想把对象转为键值对数组，应使用 Object.entries(obj)
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
