JavaScript解构赋值支持多层嵌套数组提取，需用方括号逐层匹配结构；遇数组继续用[]，遇对象则切换{}；可结合逗号跳过、默认值和剩余参数提升健壮性与灵活性。
JavaScript 中解构赋值可以在多层嵌套数组中直接提取变量，关键在于用方括号 [] 逐层匹配结构，遇到中间层级是数组就继续用数组解构，遇到元素是对象再切换成对象解构。
基础：一层嵌套的数组解构
先看简单情况，便于理解嵌套逻辑：
例如从[[1, 2], [3, 4]] 中取第一个子数组的第二个元素：
const [[, second]] = [[1, 2], [3, 4]];console.log(second); // 2
这里外层 [...] 匹配整个数组，内层 [, second] 匹配第一个子数组（跳过索引 0，取索引 1），实现“跳过+提取”。
两层及以上嵌套：逐级展开方括号
每深入一层，就多一对方括号。注意空位（逗号）和默认值的使用：
立即学习“Java免费学习笔记（深入）”；
- 要取
[[[10, 20]], [[30, 40]]]中最内层数组的第一个数（即10）：const [[[first]]] = [[[10, 20]], [[30, 40]]];console.log(first); // 10 - 若某层可能不存在，可加默认值防止报错：
const [[[a = 0]] = [[]]] = [[[10, 20]]];
（即使外层数组为空，也能安全回退到默认值）
混合嵌套（数组 + 对象）：灵活切换解构语法
实际数据常是数组里含对象，或对象里含数组。解构时可在同一层混用 [] 和 {}：
- 例如：
const data = [[{ name: 'Alice', scores: [85, 92] }]];
想直接拿到Alice和她的第二门成绩：const [[{ name, scores: [, secondScore }]] = data;console.log(name, secondScore); // 'Alice' 92 - 注意顺序无关紧要，但结构必须对应：先用
[]解外层数组，再用{}解对象，再用[]解scores数组。
实用技巧与注意事项
- 用逗号跳过不需要的项，比如
[,, third]表示取索引 2 的值 - 剩余元素可用
...rest收集，如[first, ...others] - 解构失败（如访问
undefined的子属性）会报TypeError，建议配合默认值或可选链（但注意可选链不能直接用于解构左侧） - 嵌套太深时代码可读性下降，可考虑先解出中间变量再分步解构
