在 JavaScript 中循环对象

在 JavaScript 中，我们可以使用循环语句来遍历数组和对象。遍历对象时，我们通常使用 for...in 循环语句。下面详细介绍一下如何在 JavaScript 中循环对象。

for...in 循环语句

for...in 循环语句可以用于遍历对象的属性。以下是 for...in 循环语句的语法：

for (variable in object) {
    // 代码块
}

其中：

• variable：必选，表示属性的名称。
• object：必选，表示要遍历的对象。

以下是一个例子，演示如何使用 for...in 循环语句来遍历对象：

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

for (x in person) {
  console.log(person[x]);
}

输出结果为：

John
30
New York

Object.keys() 方法

Object.keys() 方法返回一个由对象的属性名组成的数组。我们可以使用这个数组来遍历对象的属性。以下是 Object.keys() 方法的语法：

Object.keys(object)

其中：

• object：必选，表示要遍历的对象。

以下是一个例子，演示如何使用 Object.keys() 方法来遍历对象：

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

for (var i = 0; i < keys.length; i++) {
  console.log(person[keys[i]]);
}

输出结果为：

John
30
New York

Object.getOwnPropertyNames() 方法

Object.getOwnPropertyNames() 方法返回一个由对象的 own 属性名组成的数组。我们可以使用这个数组来遍历对象的属性。以下是 Object.getOwnPropertyNames() 方法的语法：

Object.getOwnPropertyNames(object)

其中：

• object：必选，表示要遍历的对象。

以下是一个例子，演示如何使用 Object.getOwnPropertyNames() 方法来遍历对象：

var person = {name:"John", age:30, city:"New York"};
var names = Object.getOwnPropertyNames(person);

for (var i = 0; i < names.length; i++) {
  console.log(person[names[i]]);
}

输出结果为：

John
30
New York

总结

我们可以使用 for...in 循环语句、Object.keys() 方法以及 Object.getOwnPropertyNames() 方法来遍历 JavaScript 对象。使用这些方法，可以使代码更加简洁、易读。