解构赋值

Wed, 02 Oct 2024 00:00:00 +0800

解构赋值概念

解构赋值语法是一种 Javascript 表达式。

📖 可以在定义变量的同时，使用解构进行赋值

let [one, two, three] = foo;

//等同于

let one = foo[0];
let two = foo[1];
let three = foo[2];

📖 也可以先声明变量，在进行解构赋值

当【左边≠右边】时，可以先设置一个默认值，否则取不到值的变量会变成undefined

可以使用三个点 "..."+ 参数来接收剩余的所有元素，变量名称随意，必须在最后一个参数的位置上

🎨 可以和split 函数结合使用，比如

let [Mother,Father] = "judy,pete".split(',');

console.log(Mother) //judy
console.log(Father) //pete

🎨 可以使用逗号忽略元素，比如

let [name1,,name3] = ["Julius01", "Caesar02", "Consul03"]

🎨 可以直接赋值给对象的属性，比如

let user = {};
[user.name, user.surname] = ["Ilya","Kantor"]