JavaScript中为何使用方括号包裹变量可获取数组的第一个元素？

嘿，这事儿我当初刚接触ES6的时候也懵过！你用的这个是数组解构赋值，ES6新增的语法糖，专门用来简化从数组里提取值的操作。

你写的这段代码：

let myArray = [0, 1]
let [myVar] = myArray
console.log(myVar) // outputs 0

之所以和myVar = myArray[0]效果等价，是因为解构赋值的规则就是按照数组的索引位置，把对应元素的值直接赋值给左侧方括号里的变量。左侧的[myVar]就相当于告诉JS：“把右边数组第0个位置的元素拿出来，放到myVar里”。

顺便给你扩展几个常用的解构场景，方便你理解得更透彻：

• 一次性提取多个元素：

  let [first, second] = [0, 1];
  // 等同于 first = myArray[0], second = myArray[1]
  

• 跳过不需要的元素：

  let [, skipFirst] = [0, 1];
  // skipFirst拿到的是1，直接跳过第一个元素
  

• 给变量设置默认值：

  let [num, defaultNum = 10] = [5];
  // defaultNum会是10，因为原数组没有第二个元素
  

对了，你提到已经找到相关解答了，确实这个语法的核心就是通过结构匹配来快速赋值，用熟了之后写代码会清爽很多！

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