咨询JavaScript中var [input] = data数组解构赋值语法的含义

嘿，这两行代码用的是JavaScript里的数组解构赋值语法，就是一种简洁的方式从数组里提取元素，直接赋值给对应的变量，比传统的按索引取值写法清爽多了！

第一行：var [input] = data; #

这行的作用是从data这个数组里取出第一个元素，把它赋值给变量input。举个实际的例子：
如果data是["用户输入内容", 100, false]，那执行这行后，input就等于"用户输入内容"。
它和下面这句代码的效果完全一致：

var input = data[0];

第二行：var [checkbox, payee, amount] = data2; #

这是一次性提取多个数组元素的写法：

• 把data2数组的第一个元素赋值给checkbox
• 第二个元素赋值给payee
• 第三个元素赋值给amount
  比如data2是[true, "奶茶店", 30]，执行后checkbox的值是true，payee是"奶茶店"，amount是30。
  等价于写三行传统赋值代码：

var checkbox = data2[0];
var payee = data2[1];
var amount = data2[2];

顺便提个小细节：如果数组的长度比变量个数多，多余的数组元素会被直接忽略；如果变量个数比数组元素多，没对应上的变量会被赋值为undefined。比如var [x, y] = [1];，y的值就是undefined。

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