引言

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

Object.create()

以參數為原型，創建一個新對象實例。

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 個參數，第 1 個參數是目標對象，第 2 個參數是源對象。如果有同名屬性，后面對象的屬性會覆蓋前面對象的屬性。

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()

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

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

Object.values()

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

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

Object.entries()

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

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

Object.fromEntries()

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

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