1、解构语法

1、对象解构

存在意义：简化代码

注意点：

1、在进行完全解构时，属性值内花括号中的属性值的顺序可以随意颠倒

2、//解构之后起重命名 let {name:itsName} = obj; 解构之后重命名为itsName

在属性值中利用“：”重命名可以避免两个相同常量同时出现报错，为此出现此写法；在调用时为避免冲突，我们使用此方式去调用

输出时使用：consloe.log(itsName);

 

let obj = {
    name: "nodejs",
    age:11,
    email:"nodejs@163.com"
};
​
// 取出所有属性并赋值：
// let name  = obj.name;
// let age  = obj.age;
// let email  = obj.email;
​
// 现在只需要(等效于上面的写法):
// let {name, email, age} = obj;  //{ }中的变量名和obj的属性名一致   完全解构
​
// 部分解构
// let {name} = obj;     // 部分解构
​
//解构之后重命名   
let {name:itsName} = obj;     解构之后重命名为itsName
​

2、数组解构

1、部分解构

2、复合解构（可以获取多维数组）

3、利用解构的方法去拿到其他下标的元素方法：

 

4、数组解构中不存在重命名的方法

let arr1 = [10, 20, 30];
​
let [a, b, c] = arr1;
​
console.log(a);  //10
console.log(b);  //20
console.log(c);  //30
​
// 部分解构
let [d] = arr1;
console.log(d);  //10
​
let [ , ,f] = arr1;
console.log(f);  //30
​
​
// 复合解构
let arr2 = [1, 2, [10, 20, 30]];
let [ j, k, [x, y, z]] = arr2;
console.log(j);  //1
console.log(k);  //2
console.log(x);  //10
console.log(y);  //20
console.log(z);  //30

3、字符串解构

let string1 = "xyz";
​
let [a,b,c] = string1;
console.log(a);  //x
console.log(b);  //y
console.log(c);  //z
​
​
string1[1] = "Y";
console.log(string1);  // xyz    无法修改
console.log(string1[1]);  // y

本博客为学习日记，若有侵权行为请联系我哦，谢谢.......