es6+对象扩展

  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'
    });
    

    在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值