方法 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"]}