JavaScript解构嵌套数组不自动浅拷贝，需结合扩展运算符、Array.from()或slice()显式拷贝；所有方法仅实现一层浅拷贝，嵌套对象仍共享引用，深拷贝需用structuredClone()等方案。
JavaScript 中解构嵌套数组本身不会自动浅拷贝，但可以通过结合扩展运算符（...）或 Array.from() 等方式，在解构的同时对目标子数组做浅拷贝。
解构时对特定嵌套数组进行浅拷贝
当你需要从嵌套数组中提取某一层子数组，并确保它不与原数组共享引用时，不能只靠普通解构（如 const [a, [b, c]] = arr），因为 [b, c] 这里只是取值，不是拷贝数组本身。必须显式拷贝该子数组。
- 用扩展运算符在解构中直接展开再组装新数组：
const [first, [...copiedInner]] = [[1, 2], [3, 4, 5]];
此时copiedInner是[3, 4, 5]的浅拷贝，修改它不影响原数组。 - 若嵌套层级更深，比如
[[[1, 2]], [3, [4, 5]]]，想拷贝最内层的[4, 5]，可写成：const [[[a]], [b, [...copiedDeep]]] = [[[1, 2]], [3, [4, 5]]];
配合 rest 参数提取并拷贝剩余元素
当需要解构前几项，同时把后续子数组浅拷贝为一个新数组时，rest 参数 + 扩展运算符是自然组合：
-
const [x, ...[...restShallow]] = [10, [20, 30], [40, 50]];
这里restShallow是[[20, 30], [40, 50]]的浅拷贝（即新数组，但内部子数组仍为原引用）。 - 如果想让每个子数组也浅拷贝（一层深），需额外处理，例如：
const [x, ...rest] = [10, [20, 30], [40, 50]];<br> const restCopied = rest.map(arr => [...arr]);
用 Array.from 或 slice 辅助解构后拷贝
解构和拷贝可以分两步做，更清晰可控：
立即学习“Java免费学习笔记（深入）”；
- 先解构出引用，再用
Array.from()或.slice()拷贝：
const [head, inner] = [[1], [2, 3, 4]]; <br> const innerCopy = Array.from(inner); // 或 inner.slice()
- 这种写法语义明确，适合逻辑复杂或需条件拷贝的场景，也便于加类型检查或默认值处理。
注意浅拷贝的局限性
所有上述方法都只做**一层浅拷贝**：新数组自身是独立的，但其内部的嵌套对象或数组仍共享引用。
- 例如：
const [ [...a] ] = [ [{x: 1}, {y: 2}] ]; a[0].x = 99;会改变原对象属性，因为对象未被拷贝。 - 如需深拷贝，应避免在解构中硬编码，改用
structuredClone()（现代环境）或 JSON 序列化等方案，但要注意兼容性和数据类型限制。
