JavaScript 循环遍历对象属性

在 JavaScript 中，我们可以使用循环遍历对象属性。这可以让我们枚举某个对象的所有属性，并执行相应的操作。

1. for-in 循环

for-in 循环用于遍历对象的属性。它的语法如下：

for (var propName in obj) {
    // do something with obj[propName]
}

其中，propName 是对象的属性名，obj[propName] 是对应的属性值。

下面是一个示例：

var person = {
    name: "John",
    age: 30,
    gender: "male"
};

for (var propName in person) {
    console.log(propName + ": " + person[propName]);
}

输出结果为：

name: John
age: 30
gender: male

2. Object.keys() 方法

Object.keys() 方法返回一个对象自身所有可枚举属性的属性名数组。可以使用该方法来遍历对象的属性。

Object.keys(obj).forEach(function(propName) {
    // do something with obj[propName]
});

下面是一个示例：

var person = {
    name: "John",
    age: 30,
    gender: "male"
};

Object.keys(person).forEach(function(propName) {
    console.log(propName + ": " + person[propName]);
});

输出结果为：

name: John
age: 30
gender: male

3. for-of 循环

for-of 循环是 ECMAScript 6 中引入的新特性，用于遍历可迭代对象。可以使用它来遍历对象的属性。

for (var propName of Object.keys(obj)) {
    // do something with obj[propName]
}

下面是一个示例：

var person = {
    name: "John",
    age: 30,
    gender: "male"
};

for (var propName of Object.keys(person)) {
    console.log(propName + ": " + person[propName]);
}

输出结果为：

name: John
age: 30
gender: male

以上就是 JavaScript 循环遍历对象属性的几种方法。根据实际需求选择合适的方法即可。