引言

操作 JavaScript 對象是日常工作中經(jīng)常接觸的工作，隨著 JavaScript 的飛速發(fā)展，解決問題的方法越來越多了，本文整理了 6 個比較實用的操作對象的方法。

Object.create()

以參數(shù)為原型，創(chuàng)建一個新對象實例。

const user = { 
  name: 'kylin', 
  age: 18, 
  gender: '女', 
  work: 'dev', 
  say() { 
    console.log(`姓名：${this.name} ，年齡：${this.age} ，性別：${this.gender}`); 
  } 
}; 
const my = Object.create(user); 
my.say(); // 姓名：kylin ，年齡：18 ，性別：女 
my.name = 'Tom'; 
my.year = '2020'; 
console.log(my.name); // Tom 
console.log(my.year); // 2020 

Object.assign()

將所有可枚舉的屬性從一個或多個對象合并 (復制) 到一個新對象上。

Object.assign() 方法有 2 個參數(shù)，第 1 個參數(shù)是目標對象，第 2 個參數(shù)是源對象。如果有同名屬性，后面對象的屬性會覆蓋前面對象的屬性。

const userBasic = { 
  name: 'kylin', 
  age: 20, 
}; 
const userInfo = { 
  age: 18, 
  gender: '女', 
  work: 'dev', 
  say() { 
    console.log(`姓名：${this.name} ，年齡：${this.age} ，性別：${this.gender} ，工作：${this.work}`); 
  } 
}; 
const user = Object.assign(userInfo, userBasic); 
user.say(); // 姓名：kylin ，年齡：20 ，性別：女 ，工作：dev 

也可以合并成一個新對象。

const userBasic = { 
  name: 'kylin', 
  age: 18, 
  gender: '女', 
  say() { 
    console.log(`姓名：${this.name} ，年齡：${this.age} ，性別：${this.gender}`); 
  } 
}; 
const user = Object.assign({}, userBasic); 
user.say(); // 姓名：kylin ，年齡：18 ，性別：女 

Object.keys()

返回包含對象自身可枚舉的所有屬性組成的數(shù)組。

const user = { 
  name: 'kylin', 
  age: 18 
}; 
Object.defineProperty(user, 'gerder', { 
  value: "女", 
  enumerable: false // 不可枚舉 
}); 
console.log(Object.keys(user)); // ["name", "age"] 

Object.values()

返回包含對象自身所有可枚舉屬性的值組成的數(shù)組，值的順序與使用 for...in 循環(huán)的順序相同。

const user = { 
  name: 'kylin', 
  age: 18 
}; 
Object.defineProperty(user, 'gerder', { 
  value: "女", 
  enumerable: false // 不可枚舉 
}); 
console.log(Object.values(user)); // ["kylin", 18] 

Object.entries()

將對象的屬性和值 (鍵和值) 用數(shù)組的形式表現(xiàn)出來。即返回包含對象自身可枚舉屬性的鍵值對組成的數(shù)組。

const user = { 
  name: 'kylin', 
  age: 18 
}; 
const info = Object.entries(user); 
console.log(info); // [['name', 'kylin'], ['age', 18]] 

Object.fromEntries()

相當于 Object.entries() 方法的逆操作，將鍵值對形式的數(shù)組轉(zhuǎn)換成對象。

const user = Object.fromEntries([ 
  ['name', 'kylin'], 
  ['age', 18] 
]); 
console.log(user); // {name: "kylin", age: 18}