javascript - 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);