标签：ES6 console name 对象 age person food 优化 log

1、获取对象的键、值、键-值

    // const person={
    //       name:'jack',
    //       age:21,
    //       language:['java','js','css']
    // }
    // console.log(Object.keys(person)); //获取对象的所有key
    // console.log(Object.values(person)); //获取对象的所有value
    // console.log(Object.entries(person)); //获取对象的所有map

2、将对象进行合并成一个新的对象

    // const target={a:1};
    // const source1={b:2};
    // const source2={c:3};
    // //想要获取这样一个对象：{a:1,b:2,c:3}
    // Object.assign(target,source1,source2);
    // console.log(target);

3、声明对象简写

    以前给对象的属性赋值

    // const name='jack';
    // const age=18;
    // const p1={name:name,age:age};
    // console.log(p1);

　　现在给对象的属性赋值

    // const p2={name,age}
    // console.log(p1);

 

4、对象的函数简写

　　以前

    // let person={
    //       name:'jason',
    //       set:function (food){
    //         console.log(this.name+"在吃"+food);
    //     }
    // }
    // person.set("苹果");

    现在    

 // let person={
    //     name:'jason',
    //     eat(food){
    //       console.log(this.name+"在吃"+food);
    //     },
    //     eat2:(food)=> console.log(this.name+"在吃"+food)
    // }
    // person.eat("苹果");
    // person.eat2("香蕉");
    //eat2方法名字丢失了， 在箭头函数中使用this调用属性将会失效，解决方案：对象.属性
    // eat2:(food)=> console.log(person.name+"在吃"+food)

 

5、对象扩展运算符

    5.1.拷贝对象(深拷贝)

    // let p1={name:'lebron',age:18};
    // let p2={...p1};
    // console.log(p2);

　　5.2.合并对象

    let name={name:'java'};
    let age={age:18};
    let p={name:'python'};
    p={...name,...age};
    console.log(p);

 

 

标签：ES6,console,name,对象,age,person,food,优化,log
来源： https://www.cnblogs.com/ljjdyz/p/16145664.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。