【JavaScript】解构赋值

【JavaScript】解构赋值

解构赋值是对赋值运算符的扩展。

他是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。

在代码书写上简洁且易读，语义更加清晰明了；也方便了复杂对象中数据字段获取。

---

1. 数组解构

//传统写法
let a = 1, b = 2, c = 3
console.log(a, b, c);

//ES6语法
let [x, y, z] = [1, 2, 3]
console.log(x, y, z);

运行结果：

---

2. 对象解构

let user = { name: 'Helen', age: 18 }

//传统写法
let name1 = user.name;
let age1 = user.age;
console.log(name1, age1);

//ES6写法
let { name, age } = user
console.log(name, age);

注意：解构的变量必须是user里面中的属性，变量名也须相同。

运行结果：