JavaScript for 对象上的循环

在 JavaScript 中，我们经常需要对对象进行循环遍历来获取其中的数据。for...in 循环就是用来对一个对象进行遍历的。以下是一个简单的示例：

const obj = {
  name: "John",
  age: 30,
  occupation: "web developer"
};

for (let key in obj) {
  console.log(key + ": " + obj[key]);
}
// 输出：
// name: John
// age: 30
// occupation: web developer

在上面的例子中，我们使用了 for...in 循环来遍历对象 obj 中的所有属性。for...in 循环的语法如下：

for (variable in object) {
  // code to be executed
}

其中，variable 是一个变量，用来存储对象的属性名，object 是要遍历的对象。

除了 for...in 循环，JavaScript 还支持使用 Object.keys() 和 Object.values() 方法来获取对象的键和值，从而进行遍历。以下是一个示例：

const obj = {
  name: "John",
  age: 30,
  occupation: "web developer"
};

const keys = Object.keys(obj);
const values = Object.values(obj);

console.log(keys);
console.log(values);

// 输出：
// ["name", "age", "occupation"]
// ["John", 30, "web developer"]

在上面的例子中，我们首先使用了 Object.keys() 方法来获取对象 obj 的所有键，然后使用了 Object.values() 方法来获取对象 obj 的所有值。这样，我们就可以分别遍历对象的键和值了。

需要注意的是，for...in 循环和 Object.keys() 方法返回的键的顺序都是不确定的。如果你需要按照特定的顺序遍历对象的键或值，需要自己实现排序逻辑。