ES6中引入了解构赋值(Destructuring Assignment)语法,可以方便地从数组或对象中提取数据并赋值给变量。
数组解构赋值可以用于一次性声明多个变量,并将数组中对应位置的值赋值给它们。
const [a, b, c] = [1, 2, 3];
console.log(a, b, c); // 1 2 3
对象解构赋值可以用于一次性声明多个变量,并将对象中对应属性的值赋值给它们。
const { name, age } = { name: 'Tom', age: 18 };
console.log(name, age); // Tom 18
在解构赋值时,我们可以为变量设置默认值,以防止取不到值时出现错误。
const [a, b, c = 3] = [1, 2];
console.log(a, b, c); // 1 2 3
const { name, age = 18 } = { name: 'Tom' };
console.log(name, age); // Tom 18
解构赋值还可以使用剩余参数(Rest Parameters)来获取数组或对象中剩余的值。
const [a, ...rest] = [1, 2, 3];
console.log(a, rest); // 1 [2, 3]
const { name, ...rest } = { name: 'Tom', age: 18, gender: 'male' };
console.log(name, rest); // Tom { age: 18, gender: 'male' }
以上就是ES6中解构赋值的基本用法,可以大大简化代码,并提高开发效率。