如何用解构赋值快速提取数组前几个元素到独立变量

数组解构可安全提取前若干元素，长度不足时对应变量为undefined；支持跳过元素、设置默认值、获取剩余元素（...rest须在末尾）；嵌套解构需严格匹配结构，函数参数解构需防null/undefined报错。用 const [a, b, c] = arr 提取前几个元素最直接只要数组长度 ≥ 你要解构的变量个数，就能安全取值；少于时对应位置得是 undefined，不会报错。但别指望它自动补默认值——没传就是 undefined，不是空字符串或 0。想取前两个：写 const [first, second] = arr，比 arr[0] 和 arr[1] 更简洁，也更易读只想要第一个、跳过第二个、再取第三个？写 const [first, , third] = arr，中间留空就行，不用占位符变量如果数组可能为空或太短，又不想让变量是 undefined，得手动加默认值：const [a = 'default', b = null] = arr解构时用 ... 拿剩余元素必须放最后... 是剩余参数语法，在解构里只能出现在末尾，否则会报 SyntaxError: Rest element must be last element。它不“截取”，而是把剩下的全收走，哪怕一个都不剩，结果也是空数组。要前两个 + 剩下的所有：const [a, b, ...rest] = arr —— rest 是数组，哪怕 arr 只有两个元素，rest 就是 []不能写成 const [...head, tail] = arr，这是非法语法，JS 不支持“从后往前”解构...rest 会触发一次浅拷贝，如果原数组超大（比如几万项），这里会有轻微性能开销，不过日常用基本感知不到嵌套数组解构容易漏掉层级或写错括号遇到二维数组，比如 [[1, 2], [3, 4]]，想直接取出 1 和 4，就得对齐结构写括号，多一层就多一对 [ ]，少一个就变成取错层级。 Fotor AI Image Generator Fotor 平台的 AI 图片生成器