欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

es6-变量的解构赋值

程序员文章站 2022-04-29 18:39:19
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