es6怎么解构赋值数组对象

在ES6中，可以使用解构赋值语法来从数组或对象中提取值并赋值给变量。以下是如何使用解构赋值语法进行数组和对象的解构赋值：

数组解构赋值:

// 简单数组解构赋值const [a, b, c] = [1, 2, 3];console.log(a); // 输出: 1console.log(b); // 输出: 2console.log(c); // 输出: 3// 忽略某些元素const [d, , e] = [4, 5, 6];console.log(d); // 输出: 4console.log(e); // 输出: 6// 剩余元素赋值给一个新数组const [f, ...rest] = [7, 8, 9];console.log(f); // 输出: 7console.log(rest); // 输出: [8, 9]

对象解构赋值:

// 简单对象解构赋值const {x, y} = {x: 1, y: 2};console.log(x); // 输出: 1console.log(y); // 输出: 2// 重命名变量const {a: m, b: n} = {a: 3, b: 4};console.log(m); // 输出: 3console.log(n); // 输出: 4// 默认值const {p = 5, q = 6} = {p: 7};console.log(p); // 输出: 7console.log(q); // 输出: 6

需要注意的是，解构赋值语法只是一种简便的写法，可以方便地从数组或对象中提取值，所以在使用时需要确保提取的变量名与数组或对象中的属性名相匹配。