JS中如何轻松遍历对象属性的方式总结

当我们需要遍历 JavaScript 对象的属性时，我们可以使用 for...in 循环、Object.keys() 方法或 Object.getOwnPropertyNames() 方法。

1. for...in 循环遍历对象属性

for...in 循环会遍历对象的所有可枚举属性，包括原型链上的属性。对于每个属性，for...in 循环会执行一次循环体中的代码。语法格式如下：

for(var key in object) {
  // 遍历 object 的属性
}

示例：

var person = { name: 'John', age: 30, city: 'New York' };

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

输出：

name: John
age: 30
city: New York

1. Object.keys() 方法遍历对象属性

Object.keys() 方法返回一个数组，其中包含对象的所有可枚举属性的名称（不包括原型链上的属性）。可以在数组上使用 forEach()、map() 或其他数组方法来进行迭代。

语法格式如下：

var keys = Object.keys(object);

示例：

var person = { name: 'John', age: 30, city: 'New York' };
var keys = Object.keys(person);

keys.forEach(function(key) {
  console.log(key + ': ' + person[key]);
});

输出：

name: John
age: 30
city: New York

以上两种方式都可以用来遍历 JavaScript 对象的属性，具体要根据实际情况来选择使用哪种方式。若需要遍历对象的原型链上的属性，则必须使用 for...in 循环。若不需要遍历对象原型链上的属性，则建议使用 Object.keys() 方法。