JavaScript 中 Object 的解題技巧:Method 整理

我詳細整理了 JavaScript 中的 Object 方法,包括新建物件、操作鍵值對、和轉換數據格式。例如,使用 new Object() 宣告物件,利用 Object.values() 和 Object.keys() 提取值和鍵至陣列,或者透過 Object.entries() 和 Object.fromEntries() 在物件與陣列間轉換。這些方法讓數據處理更為靈活。

JavaScript 中 Object 的解題技巧:Method 整理
Photo by Annie Spratt / Unsplash

本篇詳細整理 Object 中的方法 Method 有以下幾種

  1. new Object()
    • 宣告物件
  2. Object.values()
    • 取出 value 放入 array
  3. Object.keys()
    • 取出 key 放入 array
  4. delete
    • 刪除 object 屬性(key)
  5. Object.entries()
    • object 轉成 array
  6. Object.fromEntries()
    • array 轉成 object
// 1. 宣告物件
let classmates = new Object()
classmates['11'] = 'Peter' 
classmates['32'] = 'Paul'  
classmates['3'] = 'John'
// { '11' : 'Peter', '32': 'Paul', '3': 'John'}

// 2. 取出 value 
Object.values(classmates) // ['Peter', 'Paul', 'John']

// 3. 取出 key
Object.keys(classmates) // ['3', '11', '32']

// 4. 刪除 object 屬性(key)
delete classmates['32']  // { '11' : 'Peter' , '3': 'John'}

// 5. object 轉成 array
Object.entries(classmates) // [['3', 'John'],['11', 'Peter'],['32', 'Paul']]

// 6. array 轉成 object
let arrayClassmates = Object.entries(classmates) // [['3', 'John'],['11', 'Peter'],['32', 'Paul']]
Object.fromEntries(arrayClassmates) // { '11' : 'Peter', '32': 'Paul', '3': 'John'}
參考資料Object 物件基本操作