番外篇：ES6（五）对象操作

1、分别获取对象的key value、key+value

    <script>        
        let person  = {
            name:"lisi ",
            age:16,
            language:['java','vue']
        };
        //获取对象所有的key
        console.log(Object.keys(person));
        //获取对象所有的value
        console.log(Object.values(person));
        //获取对象所有的key和value
        console.log(Object.entries(person));
    </script>

2、对象合并

    <script>
        let name  = {
            name:"lisi "
        };
        let age  = {
            age:16
        };
        let language  = {
            language:['java','vue']
        };
        
        //其他对象合并到第一个对象中
        Object.assign(name,age,language);
        console.log(name);
        console.log(age);
    </script>

3、对象声明简写

    <script>
        let name = "zhangsan";
        let age = 12;

        //一般写法
        const person1 = {name:name,age:age};
        console.log(person1);
        
        //如果对象的key和value一致，可以用以下写法
        const person2 = {name,age};
        console.log(person2);
    </script>

4、对象的函数属性简写

    <script>
        let person = {

            name:"张三",
            //一般写法
            eat1:function(food){
                console.log(this.name+"在吃"+food);
            },
            //解构写法
            eat2:food =>console.log(person.name+"在吃"+food),
            //简易写法
            eat3(food){
                console.log(this.name+"在吃"+food);
            }
        }

        person.eat1("香蕉");
        person.eat2("苹果");
        person.eat3("菠萝");
    </script>

4、对象扩展运算符

    <script>
        let person1 = {
            name:"zhangsan",
            age:12,
            language:['java','vue']
        }
        //对象拷贝
        let person2 = {...person1}
        console.log(person2);

        //对象合并
        let name = {name:'lisi'};
        let age = {age:12};
        let p = {...name,...age};
        console.log(p);
    </script>