遍歷物件鍵和值Object.keys()、Object.values() 、 Object.entries() | Javascript

在 JavaScript 中，遍歷物件的屬性是一個常見的任務。ES6 引入了一些新的方法來更輕鬆地遍歷物件的屬性，其中包括 Object.keys() 、 Object.values() 和 Object.entries() 。

1. Object.keys() - 遍歷物件的鍵(key)：

將 myObject 的所有鍵，將它們輸出到console。

const myObject = {
  key1: 'value1',
  key2: 'value2',
  key3: 'value3'
};

const keysArray = Object.keys(myObject);

for (const key of keysArray) {
  console.log(key);
}

2. Object.values() - 遍歷物件的值：

將 myObject 的所有值，將它們輸出到console。

const myObject = {
  key1: 'value1',
  key2: 'value2',
  key3: 'value3'
};

const valuesArray = Object.values(myObject);

for (const value of valuesArray) {
  console.log(value);
}

3. Object.entries() - 遍歷物件的鍵值對：

Object.entries() 方法返回一個包含物件自身可枚舉屬性的 [key, value] 。 將 myObject 的所有鍵值對，將它們輸出到控制台。

const myObject = {
  key1: 'value1',
  key2: 'value2',
  key3: 'value3'
};

const entriesArray = Object.entries(myObject);

for (const [key, value] of entriesArray) {
  console.log(`Key: ${key}, Value: ${value}`);
}

這些方法提供了在遍歷物件時更靈活和方便的方式。
需要注意的是，這些方法只會遍歷物件自身的屬性，不包括原型鏈上的屬性。
如果需要遍歷物件的所有屬性，可以結合使用 for…in 迴圈。