javascript解构依赖迭代器协议而非语法糖，通过symbol.iterator获取迭代器并调用next()提取值；数组、字符串、set、map等原生支持；可自定义迭代器实现反向、跳过等灵活解构；扩展运算符与解构共享同一迭代机制；多维数组可通过自定义扁平化迭代器实现一键解构。
JavaScript 中的解构语法本身不直接“处理”数组，而是依赖数组背后的迭代器协议来完成值的提取。换句话说：解构能用得顺，关键不在语法糖，而在数组是否可迭代、迭代器是否按需返回正确值。
解构本质是调用迭代器
当你写 const [a, b] = [1, 2]，JS 引擎实际做了三件事：
- 检查右侧值是否具有
[Symbol.iterator]方法 - 调用该方法，得到一个迭代器对象
- 连续调用迭代器的
next()，依次取{ value: 1, done: false }和{ value: 2, done: false }，再把value赋给对应变量
数组原生实现了 Symbol.iterator（指向 Array.prototype.values()），所以天然支持解构。字符串、Set、Map 等也同理。
手动控制迭代顺序或内容
如果想让解构行为更灵活——比如跳过某些项、只取偶数索引、或反向遍历——可以自定义迭代器，再用于解构：
- 用生成器函数返回定制迭代器：
function* reverseIter(arr) { for (let i = arr.length - 1; i >= 0; i--) yield arr[i]; } - 包装成可迭代对象：
const reversed = { [Symbol.iterator]: () => reverseIter([1, 2, 3]) }; - 然后解构：
const [x, y, z] = reversed;→x === 3, y === 2, z === 1
解构 + 扩展运算符共用同一套迭代逻辑
[...arr] 和 const [a, b] = arr 共享底层机制：都靠 Symbol.iterator。这意味着：
- 你给任意对象加了
[Symbol.iterator]，它就能同时用于解构和扩展 - 比如让普通对象可解构：
obj[Symbol.iterator] = function*() { yield* Object.values(this); }，之后const [v1, v2] = obj就能工作 - 但注意：对象默认不可迭代，强行改
Object.prototype有风险，生产环境慎用
多维数组扁平化解构的实用写法
原生数组解构只展开一层。要对嵌套结构做“一键解构”，需先提供扁平化迭代器：
- 定义扁平迭代器类，内部用栈或递归维护状态，每次
next()返回下一个叶子值 - 让多维数组实例的
[Symbol.iterator]指向它 - 之后
const [a, b, c] = [[1], [2, 3]]; // a=1, b=2, c=3就能成立
这种写法不生成新数组，内存友好，也保持了解构的简洁性。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
