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

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

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

【vue常用的ES6语法--解构赋值】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); //人

    推荐阅读