js对象方法

188 阅读2分钟

Object.assign()

功能

方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。是浅拷贝

写法

const target = { a: 1, b: 2 };
const source = { b: 4, c: 5 };

const returnedTarget = Object.assign(target, source);
console.log(target);//{ a: 1, b: 4, c: 5 }
console.log(returnedTarget);//{ a: 1, b: 4, c: 5 }
console.log(source);//{ b: 4, c: 5 }
console.log(target===returnedTarget)//true

Object.entries()

功能

方法返回一个给定对象自身可枚举属性的键值对数组,其排列与使用 for...in 循环遍历该对象时返回的顺序一致(区别在于 for-in 循环也枚举原型链中的属性),通俗点就是可以把一个对象的键值以数组的形式遍历出来

写法

const obj = { foo: 'bar', baz: 'abc' }; 
console.log(Object.entries(obj));  // [['foo', 'bar'], ['baz', 'abc']]

Object.freeze()

功能

可以冻结一个对象。一个被冻结的对象再也不能被修改;冻结了一个对象则不能向这个对象添加新的属性,不能删除已有属性,不能修改该对象已有属性的可枚举性、可配置性、可写性,以及不能修改已有属性的值。此外,冻结一个对象后该对象的原型也不能被修改。freeze() 返回和传入的参数相同的对象

写法

const obj = {
  prop: 42
};
Object.freeze(obj);
obj.prop = 33;
console.log(obj.prop);//  42

Object.keys()

功能

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

判断对象是不是空对象,可以先获取keys,再判断长度

写法

var obj = { 0: 'a', 1: 'b', 2: 'c' };
console.log(Object.keys(obj)); // console: ['0', '1', '2']

var anObj = { 100: 'a', 2: 'b', 7: 'c' };
console.log(Object.keys(anObj)); // console: ['2', '7', '100']

Object.values()

功能

方法返回一个给定对象自身的所有可枚举属性值的数组,值的顺序与使用for...in循环的顺序相同 ( 区别在于 for-in 循环枚举原型链中的属性 )。

var obj = { 0: 'a', 1: 'b', 2: 'c' };
console.log(Object.values(obj)); // ['a', 'b', 'c']

var an_obj = { 100: 'a', 2: 'b', 7: 'c' };
console.log(Object.values(an_obj)); // ['b', 'c', 'a']

写法

const obj = {
  prop: 42
};
Object.freeze(obj);
obj.prop = 33;
console.log(obj.prop);//  42

Object.is()

功能

判断两个值是否是相同的值。 文档

写法

Object.is(value1, value2);