一、Object.is()
- 目的:用來比較兩個值是否嚴格相等
- 用法:與嚴格比較符(===)的行為基本一致,不同之處有2個:1)+0不等于-0;2)NaN等于自身
+0 === -0 //true
NaN === NaN // false
Object.is(+0, -0) // false
Object.is(NaN, NaN) // true
二、Object.assign()
- 目的: 用于將對象合并,將源對象可枚舉的屬性,復制到目標對象
- 用法:
Object(target, source)第一個參數(shù)是目標對象,后面的參數(shù)都是源對象,若目標和源有同名屬性,或多個源有同名屬性,后面的屬性會覆蓋前面的屬性,該方法只考慮對象自身屬性,不考慮繼承的屬性
const target = { a: 1, b: 1 };
const source1 = { b: 2, c: 2 };
const source2 = { c: 3 };
Object.assign(target, source1, source2);
target // {a:1, b:2, c:3}
- 注意:
1.該方法實行的是淺拷貝
const obj1 = {a: {b: 1}};
const obj2 = Object.assign({}, obj1);
obj1.a.b = 2;
obj2.a.b // 2
- 同名屬性替換
- 可用來處理數(shù)組
- 取值函數(shù)的處理
該方法要復制的值是一個取值函數(shù),那么將求值后再復制
const source = {
get foo() { return 1 }
};
const target = {};
Object.assign(target, source)
// { foo: 1 }
- 用途:
- 為對象添加屬性
- 為對象添加方法
- 克隆對象
- 合并對象,可使用擴展運算符
- 為屬性指定默認值,但該值最好是簡單類型,否則會發(fā)生覆蓋
三、Object.getOwnPropertyDescriptors()
- 目的:用于獲取指定對象所有自身屬性(非繼承屬性)的描述對象,解決
Object.assign()無法正確拷貝get和set屬性的問題
const obj = {
foo: 123,
get bar() { return 'abc' }
};
Object.getOwnPropertyDescriptors(obj)
// { foo:
// { value: 123,
// writable: true,
// enumerable: true,
// configurable: true },
// bar:
// { get: [Function: get bar],
// set: undefined,
// enumerable: true,
// configurable: true } }
- 對象拷貝:
Object.getOwnPropertyDescriptors()方法配合Object.defineProperties()方法
const source = {
set foo(value) {
console.log(value);
}
};
const target2 = {};
Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source));
Object.getOwnPropertyDescriptor(target2, 'foo')
// { get: undefined,
// set: [Function: set foo],
// enumerable: true,
// configurable: true }
四、關于原型對象的操作
1.Object.setPrototypeOf()
設置一個對象的原型
let proto = {};
let obj = { x: 10 };
Object.setPrototypeOf(obj, proto);
proto.y = 20;
proto.z = 40;
obj.x // 10
obj.y // 20
obj.z // 40
2.Object.getPrototypeOf()
讀取一個對象的原型
Object.getPrototypeOf(obj);
五、關于對象鍵值的操作
1.Object.keys()
返回一個數(shù)組,成員是參數(shù)對象自身的(不含繼承的)所有可遍歷(enumerable)屬性的鍵名
var obj = { foo: 'bar', baz: 42 };
Object.keys(obj)
// ["foo", "baz"]
2.Object.values()
返回一個數(shù)組,成員是參數(shù)對象自身的(不含繼承的)所有可遍歷(enumerable)屬性的鍵值
const obj = { foo: 'bar', baz: 42 };
Object.values(obj)
// ["bar", 42]
3.Object.entries()
返回一個數(shù)組,成員是參數(shù)對象自身的(不含繼承的)所有可遍歷(enumerable)屬性的鍵值對數(shù)組
const obj = { foo: 'bar', baz: 42 };
Object.entries(obj)
// [ ["foo", "bar"], ["baz", 42] ]
4.Object.fromEntries()
該方法是Object.entries()的逆操作,用于將一個鍵值對數(shù)組轉(zhuǎn)為對象
Object.fromEntries([
['foo', 'bar'],
['baz', 42]
])
// { foo: "bar", baz: 42 }