JavaScript 循环对象示例

在 JavaScript 中，我们经常需要遍历对象，并针对每个属性执行一些操作。这时，我们可以利用循环语句来实现这个功能。本文将演示一些循环对象的示例，以便让程序员更好地理解和掌握 JavaScript 的对象操作。

for...in 循环

for...in 循环可以遍历对象的所有可枚举属性，并将属性名赋值给一个变量。示例代码如下：

const myObj = { name: "张三", age: 18, gender: "男" };

for (let key in myObj) {
  console.log(key + ": " + myObj[key]);
}

在上述代码中，for...in 循环遍历 myObj 对象的属性，将属性名赋值给 key 变量。通过 myObj[key] 可以获得相应属性的值。

Object.keys() 方法

Object.keys() 方法返回一个数组，其中包含对象的所有可枚举属性的名称。我们可以使用 forEach() 方法遍历该数组，进而遍历对象的属性。示例代码如下：

const myObj = { name: "张三", age: 18, gender: "男" };

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

在上述代码中，我们使用 Object.keys(myObj) 方法获取对象 myObj 的所有属性名称。然后，我们使用 forEach() 方法遍历属性名称数组，并输出相应属性的名称和值。

Object.entries() 方法

Object.entries() 方法返回一个数组，其中包含对象的所有可枚举属性的名称及对应的值。我们可以使用 forEach() 方法遍历该数组，进而遍历对象的属性。示例代码如下：

const myObj = { name: "张三", age: 18, gender: "男" };

Object.entries(myObj).forEach(function ([key, value]) {
  console.log(key + ": " + value);
});

在上述代码中，我们使用 Object.entries(myObj) 方法获取对象 myObj 的所有属性及其对应的值，并赋值给 [key, value] 数组。然后，我们使用 forEach() 方法遍历该数组，并输出相应属性的名称和值。

以上是 JavaScript 循环对象的示例，可以根据实际需求选择适合的方法来遍历对象的属性和值。