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
本博客为学习日记,若有侵权行为请联系我哦,谢谢.......