ES6 解构赋值

Posted 2021-03-08 afanadmin

解构赋值

对象的解构赋值:

let obj = {
    a:1,
    b:2
};
// 假如需要两个变量把里面的两个值进行保存起来进行使用:
/* let a = obj.a;
let b = obj.b;
console.log(a,b); */
// es6中的解构赋值可以这样写:
let {a,b} = obj;//注意这里的严格遵守: {a,b} 必须是obj.a属性对应名字;
console.log(a,b);
// 解构赋值: 把整个解构进行解开,赋值就是把他们往前赋值给对应的变量
// 要求变量名和属性名一致

数组的解构赋值:

{
    let arr = ["a","b","c"];
    let [e,f] = arr;
    console.log(e,f);//a,b
}
{
    // 快速交换a,b值
    let a = 1;
    let b = 2;
    [a,b] = [b,a];
    console.log(a,b);//2,1
}

字符串,数字的解构赋值:

{
    let str = "abc";
    let [e,f] = str;
    // 结果和数组的解构赋值一样的!也是按照顺序;
    console.log(e,f);//ab
}

{
    let nub = 123;
    let [c,d] = nub;
    console.log(c,d);//提示对象不是一个迭代器..what
}