如何遍历 JavaScript 对象

在 JavaScript 中，对象是一种非常常见的数据结构。在开发应用程序的过程中，我们经常需要遍历对象的属性和值，以执行一些操作。本文将介绍如何在 JavaScript 中遍历对象。

1. for...in 循环

JavaScript 中的 for...in 循环用于遍历对象的属性。在每次循环中，变量 propName 将包含一个属性的名称，您可以使用该名称来访问该属性的值。

let obj = {
  name: 'John',
  age: 30,
  city: 'New York'
};

for (let propName in obj) {
  console.log(propName + ': ' + obj[propName]);
}

上面的代码将输出：

name: John
age: 30
city: New York

请注意，for...in 循环还会遍历对象的原型链中的属性。如果您只想遍历对象本身的属性，您可以使用 hasOwnProperty() 方法来判断该属性是否为对象自己的属性：

for (let propName in obj) {
  if (obj.hasOwnProperty(propName)) {
    console.log(propName + ': ' + obj[propName]);
  }
}

2. Object.keys() 方法

Object.keys() 方法返回一个数组，其中包含对象的所有属性名称。您可以使用这个数组来遍历对象的属性：

let obj = {
  name: 'John',
  age: 30,
  city: 'New York'
};

let keys = Object.keys(obj);

for (let i=0; i<keys.length; i++) {
  let propName = keys[i];
  console.log(propName + ': ' + obj[propName]);
}

上面的代码将输出：

name: John
age: 30
city: New York

3. Object.values() 方法

Object.values() 方法返回一个数组，其中包含对象的所有属性的值。您可以使用这个数组来遍历对象的属性：

let obj = {
  name: 'John',
  age: 30,
  city: 'New York'
};

let values = Object.values(obj);

for (let i=0; i<values.length; i++) {
  console.log(values[i]);
}

上面的代码将输出：

John
30
New York

4. Object.entries() 方法

Object.entries() 方法返回一个数组，其中包含对象的所有属性和值的键值对。您可以使用这个数组来遍历对象的属性和值：

let obj = {
  name: 'John',
  age: 30,
  city: 'New York'
};

let entries = Object.entries(obj);

for (let i=0; i<entries.length; i++) {
  let propName = entries[i][0];
  let propValue = entries[i][1];
  console.log(propName + ': ' + propValue);
}

上面的代码将输出：

name: John
age: 30
city: New York

以上就是 JavaScript 中遍历对象的一些方法。根据您的需求，选择最适合您的方法并开始遍历对象吧！