ES6-变量的解构赋值

 // 变量的解构赋值 从数组对象中提取值,对变量进行赋值,解构赋值在实际开发中大量减少我们的代码量

// 数组的结构赋值
        // es5的写法
            // let a = 1;
            // let b =2;
            // let c = 3;
    let [a,b,c] = [1,2,3]; //左边的结构和右边的结构对称
    let [d,[f,k],e] = [1,[3,4],5]
    console.log(a+b+c); //6
    console.log(d+f+k+e); //13
    let [foo="true"] = []; //默认值
    console.log(foo); //true

    //undefind和null的区别:null这个值有但为空 undefined没有值
    let [j,g="ananiah"] = ['2333']; //默认值
    console.log(j+g);  //2333ananiah


    // 对象结构 键值对的形式去获取
        let {foo1,bar} = {foo1:"foo",bar:"bar"};
        console.log(foo1+bar); //foobar

        //
        let fcc;
        ({fcc} = {fcc:"123"}); //加上元括弧即可
        console.log(fcc);

        const [l,o,p,m,n] = 'abcde';
        console.log(l);  //a
        console.log(o);  //b
        console.log(p);  //c
        console.log(m);  //d
        console.log(n);   //e

 

  

posted @ 2019-06-22 02:13  Ananiah  阅读(249)  评论(0编辑  收藏  举报