请问该数组解构语法的名称是什么？这段代码的运行逻辑如何？

嘿，我来帮你拆解这段代码和对应的语法～首先你提到的“命名数组”说法不对，这个特性的正式名称是数组解构赋值（Array Destructuring Assignment），是ES6（ECMAScript 2015）引入的实用语法，专门用来简化从数组中提取值并赋值给变量的操作。

代码工作原理分步拆解 #

我们一步步捋清楚这段代码的执行逻辑：

1. 定义原数组：

   var array = [1, 2, 4, 6];
   

   这行很简单，就是创建了一个包含四个数字的普通数组。

2. 用map生成新数组：

   array.map(num => num * 2)
   

   map方法会遍历原数组的每一个元素，对每个元素执行num * 2的乘法操作，最终返回一个全新的数组。这里原数组的每个元素乘以2后，得到的新数组是[2, 4, 8, 12]。

3. 核心：数组解构赋值：

   var [two, four, eight, twelve] = array.map(num => num * 2);
   

   这行就是解构赋值的核心用法：把map返回的新数组中的元素，按位置一一对应的规则，赋值给左边的变量：

   • 新数组第0位元素2 → 变量two
   • 新数组第1位元素4 → 变量four
   • 新数组第2位元素8 → 变量eight
   • 新数组第3位元素12 → 变量twelve

4. 输出结果：

   console.log(four) // 4
   

   因为four对应的是新数组的第1位元素（值为4），所以控制台自然会输出4，和注释的结果完全一致。

关于数组解构的小补充 #

这个语法的灵活性还挺强的，举两个实用小例子：

• 跳过不需要的元素：var [, second, , fourth] = [1,2,3,4]; 这样second会拿到2，fourth拿到4
• 设置默认值：var [a, b = 5] = [1]; 此时b会取预设的默认值5

内容的提问来源于stack exchange，提问作者user9686855