var [foo] = bar的含义？

Question

我看到了如下的代码段。 有人可以告诉我什么吗

var [input] = data; var [checkbox, payee, amount]  = data2;

手段？

function example(data,data2){
var [input] = data;
var [checkbox, payee, amount]  = data2;
............
............
}

Answer 1

正如Nina Scholz在评论中所指出的那样，这是一项破坏性的任务。

如果data2是[1, 2, 3]的数组，则var [checkbox, payee, amount] = data2; 是相同的：

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

休息参数

您可以使用带有rest参数的分解，如下面的示例所示，将多个元素保存到数组中。

 const digits = [1, 2, 3, 4, 5]; const [one, ...other] = digits; console.log(one); console.log(other); 

省略值

您可以忽略不感兴趣的值， 例如 ：

 const myArray = ["car", "cat", "house", "dog", "window", "mouse"]; const [, cat, ,dog, , mouse] = myArray; console.log(cat, dog, mouse); 

或像这样 ：

 const myArray = ["John", "Mary", "Steve", 0, 1, 2]; const [name1, name2, name3] = myArray; console.log(name1, name2, name3); 

Answer 2

这只是解构任务

 var t = [1,2]; var [a,b] = t; console.log(a); console.log(b); 

当在数组上使用时，它将连续的数组元素分配给在赋值运算符左侧引入的变量。

Answer 3

这是具有数组/可迭代对象（已实现Symbol.iterator ）的可破坏性分配，并具有要分配的值。

该值将以与给定数据相同的索引进入变量。

为了只获取某些部分的某个索引，可以使用带有索引的对象作为键。

 var array = ['zero', 'one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine', 'ten']; [zero, one] = array, { 3: three, 10: ten } = array; console.log(zero); console.log(one); console.log(three); console.log(ten); 

Answer 4

这是销毁工作 。

解构赋值语法是一种JavaScript表达式，可以将数组中的值或对象中的属性解包为不同的变量 。

根据您的示例，

var data = [1];
var [input] = data;
console.log(input); //1