JS 对象遍历 - Javascript

在 Javascript 中，对象是一种非常常见且重要的数据类型。对象可以包含键值对（key-value pairs），其中每个键都是唯一的。如果我们想遍历对象以访问其属性，有几种方法可以做到。在本篇文章中，将讨论这些方法。

1. for...in 循环

JavaScript 中 for...in 循环可以用于遍历对象的所有键。下面是一个简单的示例：

const obj = {
  name: "John",
  age: 30,
  occupation: "Developer"
};

for(let key in obj) {
  console.log(key, obj[key]); // 输出对象的键和对应属性值
}
//Output:
//name John
//age 30
//ocupation Developer

2. Object.keys

Object.keys是一个返回对象的所有键的数组的静态方法。我们可以使用它来遍历对象。

const obj = {
  name: "John",
  age: 30,
  occupation: "Developer",
};

Object.keys(obj).forEach(function(key){
  console.log(key, obj[key]);
})
//Output:
//name John
//age 30
//ocupation Developer

3. Object.entries

Object.entries()方法返回一个包含对象的所有属性 [key, value] 对的数组。

const obj = {
  name: "John",
  age: 30,
  occupation: "Developer"
};

for (const [key, value] of Object.entries(obj)) {
  console.log(`${key}: ${value}`);
}
//Output:
//name: John
//age: 30
//occupation: Developer

这些方法中的每一个都有自己的用途，并且它取决于你需要做什么。无论哪种方式，理解遍历对象的不同方法可以帮助您写出更具可读性和容易维护的代码。