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
本博客为学习日记,若有侵权行为请联系我哦,谢谢.......
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)