3.解构

注意：1.左边读取的字段，右手边必须有
2.读取的是右边的一个层级

3-1. 数组的解构

        var obj = {
            name: "lisi", 
            age: 18, 
            skill: "vue",
            s: {
                sex: "male"
            }
        }
        /* 
        var name = obj.name
        var age = obj.age
        var skill = obj.skill
        */
        var { name, s, age } = obj
        console.log(name);
        console.log(age);
        console.log(s.sex);

3-2. 对象的解构

let {a,b}={a:12,b:24};
console.log(a);
console.log(b);

实例

   var arr=[
        {name:"李四",age:18,likes:["lol","足球"],alikes:["音乐","电影"],sex:"male"},
        {name:"王五",age:18,likes:["王者","网球"],alikes:["吃饭","电影"],sex:"male"},
        {name:"赵六",age:18,likes:["吃鸡","篮球"],alikes:["睡觉","电影"],sex:"male"},
        ]
        var res=[];
        arr.forEach((item) => {
            var {name,age,likes,alikes}=item;
            var obj={
                 name,
                 age,
                 likes
            }
         item.likes.push(...item.alikes);
           res.push(obj);
        });
        console.log(res);

    //  var res=[];
    //  for(var i=0;i<arr.length;i++){
    //      var name=arr[i].name;
    //      var age=arr[i].age;
    //      var likes=arr[i].alikes.concat(arr[i].alikes);
    //       res.push(
    //           {
    //              name,
    //              age,
    //              likes
    //           }
    //       )
    //  }
    //  console.log(res);