vue常用的ES6语法--解构赋值

1、基本用法 将对应的键值对拆开放在相对应的数组或者对象中,解构结构!!!!!!

        //let name = '张三', age = 22, sex = '男';//常规写法
        let [name,age,sex] = ['张三',22,'男'];//解构写法
        console.log(name);
        console.log(age);
        console.log(sex);

2、对象的解构赋值

        let {name,age,friends,pet} = {name:'张三',age:22,friends:['lulu','wwww'],pet:{name:'toutou',age:2}};
        console.log(name);
        console.log(pet);
        console.log(friends);

3、数组的解构赋值

let [a,[b,[c,d]]] = [1,[2,[3,4]]];

4、基本类型的解构赋值 number这样不行 有另外的方法

        let [a,b,c,d,e] = '我是中国人';
        console.log(a);//我
        console.log(b);//是
        console.log(c);//中
        console.log(d);//国
        console.log(e);//人

你可能感兴趣的:(vue常用的ES6语法--解构赋值)