es6+对象扩展
创始人
2025-05-29 21:58:21
  1. Object.keys()
    【获取对象所有的key值】

  2. Object.values()
    【获取对象所有的value值】

  3. Object.entries()
    【将对象转为二维数组】

    const obj = {a: 1,b: 2,c: 3
    }
    console.log(Object.entries(obj)); // [['a', 1], ['b', 2], ['c', 3]]
    // 可将此返回值直接传入Map中,形成键值对
    const map = new Map(Object.entries(obj));
    console.log(map);
    

    在这里插入图片描述

  4. Object.fromEntries()
    【将二维数组或Map转为对象】

    const arr = [['a', 1], ['b', 2], ['c', 3]];
    const map = new Map(arr);
    console.log(Object.fromEntries(arr));
    console.log(Object.fromEntries(map));
    

    在这里插入图片描述

  5. Object.defineProperty()
    【向对象中添加属性(可添加存取器属性)】

    const obj = {a: 1,b: 2
    }
    // 添加普通属性
    Object.defineProperty(obj, 'f', {value: '我是普通属性',writable: true,enumerable: true,configurable: true
    });
    // 添加存取器属性(与value,writable互斥)
    let _data = '默认值';
    Object.defineProperty(obj, 'e', {enumerable: true,configurable: true,set(value) {_data = value;},get() {return _data;}
    });
    

    说明
    ① value:属性值,
    ② writable: 是否可写
    ③ enumerable: 是否可遍历
    ④ configurable: 是否可删除

  6. Object.create()
    【创建一个对象,与Object.defineProperty()不同的是,后者是给已有对象添加属性及属性特性,前者是创建一个新对象,并添加属性及属性特性】

    let _data = '默认值';
    // 第一个参数是给原型对象添加属性
    const obj = Object.create(null, {a: {value: 1,writable: true,enumerable: true,configurable: true},b: {enumerable: true,configurable: true,set(value) {_data = value;},get() {return _data;}}
    });
    console.log(obj);
    
  7. Object.getOwnPropertyDescriptors()
    【获取对象属性的特性】

    const obj = {a: 1,b: 2,c: 3
    }
    console.log(Object.getownPropertyDescriptors(obj));
    

    在这里插入图片描述

  8. 对象rest参数使用

    function show({a, b, ...args}) {console.log(args);  // 剩余参数
    }
    show({d: 'hello',a: 1,f: 'b',b: 2,c: 'world'
    });
    

    在这里插入图片描述

相关内容

热门资讯

济南黄金期货领域标杆企业榜单:... 济南黄金期货领域标杆企业榜单:东吴期货实力** 在济南黄金期货市场中,东吴期货有限公司凭借其雄厚的资...
多家公募机构展望2026年投资... 中证报中证网讯(记者 魏昭宇)近日,中欧基金、中信保诚基金、嘉实基金、安联基金等多家公募机构发布了对...
四川一景区有猴子骨头裸露受伤,... 新京报记者 马骏 制作 王子轩 ▲新京报我们视频出品(ID:wevideo) 12月13日,四川彭州...