JS对象常用的方法

JS对象常用的方法

Object.assign()

通过复制一个或多个对象来创建一个新的对象

let obj = {a:1,b:2}
let newObj = {b:1,c:3}
let newObj1 = {a:2,c:3}

Object.assign(obj,newObj)
打印结果:{ a: 1, b: 1, c: 3 }  自动去除重复的属性  等效于使用展开运算符 {...obj, ...newObj} 

Object.assign(obj,newObj1)
打印结果:{ a: 2, b: 1, c: 3 }  如有重复的属性 有后者的属性会覆盖前者

Object.defineProperty()

给对象添加一个属性并指定该属性的配置。

const object1 = {};

Object.defineProperty(object1, 'property1(属性名)', {
  value: 42, //属性值
  writable: false // 不可写
});

object1.property1 = 77;
// throws an error in strict mode

console.log(object1.property1);
// expected output: 42

Object.defineProperties()

给对象添加多个属性并分别指定它们的配置。

var obj = {};
Object.defineProperties(obj, {
  'property1': {
    value: true,
    writable: true
  },
  'property2': {
    value: 'Hello',
    writable: false
  }
  // etc. etc.
});

Object.entries()

Object.entries()方法返回一个给定对象自身可枚举属性的键值对数组,

const obj = {
  a: 1,
  b: 2
};
Object.entries(obj)
输出结果: [ ['a', 1], ['b', 2] ]



Object.keys()

**Object.keys()** 方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致 。

const obj = {
  a: 1,
  b: 2
};
Object.keys(obj)
输出结果: ['a', 'b']

Object.getOwnPropertyNames()

**Object.getOwnPropertyNames()**方法返回一个由指定对象的所有自身属性的属性名(包括不可枚举属性但不包括Symbol值作为名称的属性)组成的数组。

var arr = ["a", "b", "c"];
console.log(Object.getOwnPropertyNames(arr).sort()); // ["0", "1", "2", "length"]

// 类数组对象
var obj = { 0: "a", 1: "b", 2: "c"};
console.log(Object.getOwnPropertyNames(obj).sort()); // ["0", "1", "2"]

//不可枚举属性
var my_obj = Object.create({}, {
  getFoo: {
    value: function() { return this.foo; },
    enumerable: false
  }
});
my_obj.foo = 1;

console.log(Object.getOwnPropertyNames(my_obj).sort()); // ["foo", "getFoo"]

补充

删除对象的属性

let obj = { a: 1, b: 1, c: 1 }
delete obj.a
obj结果 :  {b: 1, c: 1}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值