JavaScript数组解构赋值按索引一一对应赋值，支持跳过项（逗号占位）、收集剩余元素（...rest）、设置默认值（防止undefined）及表达式默认值。

JavaScript 中利用解构赋值从数组中提取变量，本质是按索引位置“一一对应”地把数组元素赋给变量，语法简洁、可读性强，还能跳过不需要的项或设置默认值。

基础用法：按顺序提取前几项

用方括号包裹变量名，等号右边是数组，变量顺序对应数组索引：

const arr = ['a', 'b', 'c', 'd'];
const [first, second] = arr;
console.log(first);  // 'a'
console.log(second); // 'b'

跳过中间项或提取特定位置

用逗号占位，跳过不想接收的元素；也可以只取第 N 个（前面用逗号空着）：

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

const [,, third] = ['x', 'y', 'z']; // 跳过索引 0 和 1
console.log(third); // 'z'

const [, , , fourth] = ['p', 'q', 'r', 's']; // 只取第 4 个
console.log(fourth); // 's'

剩余元素收集（Rest 模式）

用 ...rest 获取剩余所有项，必须放在最后：

立即学习“Java免费学习笔记（深入）”；

const [head, ...tail] = [1, 2, 3, 4, 5];
console.log(head); // 1
console.log(tail); // [2, 3, 4, 5]

const [a, b, ...rest] = ['foo', 'bar'];
console.log(a);    // 'foo'
console.log(b);    // 'bar'
console.log(rest); // []（空数组，因为没剩下了）

设置默认值与解构失败保护

当数组长度不足时，未匹配的变量为 undefined；可直接在解构中指定默认值：

const [x = 10, y = 20] = ['hello']; // x='hello', y=20
const [p = 100, q = 200] = [];      // p=100, q=200

// 默认值也支持表达式或函数调用
const [name = prompt('请输入姓名')] = [];