使用代码例举所有可能的解构赋值方式
时间: 2023-02-14 14:27:17 浏览: 83
JavaScript 中的解构赋值允许使用一种简洁的语法来从数组和对象中提取值,并将它们分配给多个变量。
对于数组,可以使用以下方式进行解构赋值:
```javascript
let arr = [1, 2, 3];
let [a, b, c] = arr;
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3
```
也可以跳过不需要的元素
```javascript
let arr = [1, 2, 3];
let [a, , c] = arr;
console.log(a); // 1
console.log(c); // 3
```
对于对象,可以使用以下方式进行解构赋值:
```javascript
let obj = {a: 1, b: 2, c: 3};
let {a, b, c} = obj;
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3
```
也可以起别名
```javascript
let obj = {a: 1, b: 2, c: 3};
let {a: x, b: y, c: z} = obj;
console.log(x); // 1
console.log(y); // 2
console.log(z); // 3
```
还可以使用默认值
```javascript
let obj = {a: 1, b: 2};
let {a, b, c=3} = obj;
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3
```
对象解构中还可以使用嵌套对象来解构
```javascript
let obj = {a: 1, b: {c: 2, d: 3}};
let {a, b: {c, d}} = obj;
console.log(a); // 1
console.log(c); // 2
console.log(d); // 3
```
还可以使用圆括号来解构
```javascript
let [a,b] = [1, 2];
console.log(a); // 1
console.log(b); // 2
```
还可以使用解构赋值来交换变量的值
```javascript
let a = 1;
let b =
阅读全文