ES6對象的新增方法

一、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
  1. 同名屬性替換
  2. 可用來處理數(shù)組
  3. 取值函數(shù)的處理
    該方法要復制的值是一個取值函數(shù),那么將求值后再復制
const source = {
  get foo() { return 1 }
};
const target = {};

Object.assign(target, source)
// { foo: 1 }
  • 用途:
  1. 為對象添加屬性
  2. 為對象添加方法
  3. 克隆對象
  4. 合并對象,可使用擴展運算符
  5. 為屬性指定默認值,但該值最好是簡單類型,否則會發(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 }
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容