JavaScript 循环遍历对象值

在 JavaScript 中，我们可以使用循环来遍历对象（Object）中的键和值。在这个过程中，我们有多种方法可以使用，本文将为您介绍其中的几种常用的方法。

for...in 循环

for...in 循环是一个循环语句，它可以帮助我们遍历对象的属性（键）。

下面是一个简单的对象：

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

我们可以使用 for...in 循环来遍历它：

for (let key in obj) {
  console.log(`${key}: ${obj[key]}`);
}

在这个例子中，key 变量将遍历对象中的所有键。obj[key] 将为我们提供与当前键关联的值。

输出结果：

name: John
age: 30
city: New York

Object.values 方法

Object.values() 方法返回一个给定对象的所有可枚举属性值的数组。

下面是一个简单的对象：

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

我们可以使用 Object.values() 方法来获取所有值：

let values = Object.values(obj);

console.log(values);

输出结果：

["John", 30, "New York"]

Object.entries 方法

Object.entries() 方法返回一个给定对象自身可枚举属性的键值对数组。

下面是一个简单的对象：

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

我们可以使用 Object.entries() 方法来获取键值对数组：

let entries = Object.entries(obj);

console.log(entries);

输出结果：

[ [ 'name', 'John' ], [ 'age', 30 ], [ 'city', 'New York' ] ]

结论

在 JavaScript 中，我们有多种方法可以使用来循环遍历对象的值。for...in 循环是最常见的方法之一，而 Object.values() 和 Object.entries() 方法则可以让我们更方便地获取值。无论您使用哪种方法，都可以轻松地遍历对象并处理其属性值。