方法 1：JavaScript 使用 Object.keys() 循環對象鍵

JavaScript Object.keys()方法返回對象的所有鍵（或屬性名稱）的數組。然后，您可以使用 for 循環或 forEach() 方法來迭代數組并訪問鍵。要循環訪問 person 對象的鍵，您可以使用 Object.keys() 靜態方法，如下所示：

方法 2：使用 Object.values() 循環對象值

Object.values() 為我們提供了一個包含對象所有值的數組。您可以循環數組并輕松獲取值。例如，看看這個 person 對象。您可以像這樣使用 Object.values() ：

// Output: ["John", 40, ["Red", "Green"]]
// 1. Using a for() loopfor (let index = 0; index < values.length; index++) {  console.log(values[index]);}// Output: ["John", 40, ["Red", "Green"]
// 2. Using a forEach() methodvalues.forEach(key => {  });// Output: ["John", 40, ["Red", "Green"]

這種方法的優點是：

• 它簡單易用。

• 它適用于任何對象，無論其結構或復雜性如何。

• 它是 ECMAScript 2017 標準的一部分，這意味著它是一項現代且受到廣泛支持的功能。

這種方法的缺點是：

• 它只返回對象本身的值。這意味著它不包括從對象原型鏈繼承的值。這可能是也可能不是您想要的，具體取決于您的用例。

• Object.values() 不關心值的順序，因為對象沒有排序。如果您的代碼依賴于順序，這可能會成為問題。 

• 這是一個新功能，因此一些舊瀏覽器不支持它。在這些情況下，您可能需要使用一些技巧才能使其發揮作用。

• Object.values() 使用值創建一個新數組，這會影響代碼使用的速度和內存量。如果您的對象很大或很復雜，這可能是一個問題。

// 1. Using a for() loopfor (let index = 0; index < entries.length; index++) {  }// Output: ["name", "John"], ["age", 30], ["favoriteColors", ["Red", "Green"]]
// 2. Using a forEach() methodentries.forEach(entry => {  });// Output: ["name", "John"], ["age", 30], ["favoriteColors", ["Red", "Green"]]

const person = {  name: "John",  age: 30,  favoriteColors: ["Red", "Green"]};
 // Using a for...in statementfor (let key in person) {  console.log(key);         // Output: "name", "age", "favoriteColors"  console.log(person[key]); // Output: "John", 30, ["Red", "Green"]}