对象相关笔记

对象简洁写法
let name = 'Bob';
let age = 15;
//老写法
let person = {
    name:name,
    age:age,
    popMsg:function(){
        console.log(this.name,this.age)
    }
};
//简洁写法
let person = {
    name,
    age,
    popMsg(){
        console.log(this.name,this.age)
    }
};
Object.assign()

将对象进行合并,并且返回新对象,注意:参数中后面的对象如果与前面对象数据重合,则会把前面的对象数据覆盖;

let json1 = {name:'bob'};
let json2 = {age:18};
let json3 = {sex:0};
let json4 = Object.assign({},json1,json2,json3);
console.log(json4);
//返回结果
{ name: 'bob', age: 18, sex: 0 }
//测试覆盖
let json1 = {name:'bob'};
let json2 = {name:'Lily',age:18};//数据和json1中有重复
let json3 = {sex:0};
let json4 = Object.assign({},json1,json2,json3);
console.log(json4);
//返回结果
{ name: 'Lily', age: 18, sex: 0 }
Object.keys(),Object.values(),Object.entries()
let json = {name:'Bob',age:18,sex:18};
console.log(Object.keys(json));
console.log(Object.values(json));
console.log(Object.entries(json));
//返回结果
[ 'name', 'age', 'sex' ]
[ 'Bob', 18, 18 ]
[ [ 'name', 'Bob' ], [ 'age', 18 ], [ 'sex', 18 ] ]
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1.属性的简洁表示法 允许直接写入变量和函数 上面代码表明,ES6 允许在对象之中,直接写变量。这时,属性名为变量...
    雨飞飞雨阅读 1,284评论 0 3
  • 属性的简洁表示法 ES6允许直接写入变量和函数,作为对象的属性和方法。 上面代码表明,ES6允许在对象之中,直接写...
    oWSQo阅读 573评论 0 0
  • 1.属性的简洁表示法 ES6 允许直接写入变量和函数,作为对象的属性和方法。这样的书写更加简洁。 const fo...
    Masami_9e88阅读 388评论 0 0
  • 01 我本以为跳楼和自杀的事情只会在新闻里看到。 可就在今年,我所在的大学和我曾读的高中,相继有两个阳光大男孩,以...
    龚导辉阅读 2,382评论 0 3
  • 昨晚去吃海鲜,老王你点清淡食物。 白灼秋葵、藕带、花生米、蔬菜沙拉…… 蔬菜沙拉?看菜单,红黄绿白令人垂涎欲滴! ...
    千金女阅读 688评论 8 22

友情链接更多精彩内容