JavaScript 中如何遍历对象属性？

推荐答案

在 JavaScript 中，遍历对象属性的常见方法有以下几种：

1. for...in 循环
   用于遍历对象及其原型链上的可枚举属性。

   const obj = { a: 1, b: 2, c: 3 };
   for (let key in obj) {
     console.log(key, obj[key]);
   }

2. Object.keys()
   返回对象自身可枚举属性的数组，然后可以使用数组的遍历方法（如 forEach、map 等）。

   const obj = { a: 1, b: 2, c: 3 };
   Object.keys(obj).forEach(key => {
     console.log(key, obj[key]);
   });

3. Object.values()
   返回对象自身可枚举属性值的数组。

   const obj = { a: 1, b: 2, c: 3 };
   Object.values(obj).forEach(value => {
     console.log(value);
   });

4. Object.entries()
   返回对象自身可枚举属性的键值对数组。

   const obj = { a: 1, b: 2, c: 3 };
   Object.entries(obj).forEach(([key, value]) => {
     console.log(key, value);
   });

5. Object.getOwnPropertyNames()
   返回对象自身所有属性（包括不可枚举属性）的数组。

   const obj = { a: 1, b: 2, c: 3 };
   Object.getOwnPropertyNames(obj).forEach(key => {
     console.log(key, obj[key]);
   });

6. Reflect.ownKeys()
   返回对象自身所有属性的键（包括 Symbol 类型的键）。

   const obj = { a: 1, b: 2, c: 3 };
   Reflect.ownKeys(obj).forEach(key => {
     console.log(key, obj[key]);
   });

本题详细解读

1. for...in 循环

• 特点：遍历对象及其原型链上的可枚举属性。

• 注意：如果只需要遍历对象自身的属性，可以在循环中使用 hasOwnProperty 方法进行过滤。

  for (let key in obj) {
    if (obj.hasOwnProperty(key)) {
      console.log(key, obj[key]);
    }
  }

2. Object.keys()

• 特点：返回对象自身可枚举属性的数组。
• 适用场景：适合需要遍历对象自身属性且不需要访问原型链属性的场景。

3. Object.values()

• 特点：返回对象自身可枚举属性值的数组。
• 适用场景：当只需要访问对象的值而不关心键时使用。

4. Object.entries()

• 特点：返回对象自身可枚举属性的键值对数组。
• 适用场景：适合需要同时访问键和值的场景。

5. Object.getOwnPropertyNames()

• 特点：返回对象自身所有属性（包括不可枚举属性）的数组。
• 适用场景：当需要访问对象的所有属性（包括不可枚举属性）时使用。

6. Reflect.ownKeys()

• 特点：返回对象自身所有属性的键（包括 Symbol 类型的键）。
• 适用场景：当需要访问对象的所有键（包括 Symbol 键）时使用。

总结

• 如果需要遍历对象及其原型链上的属性，使用 for...in。
• 如果只需要遍历对象自身的可枚举属性，使用 Object.keys()、Object.values() 或 Object.entries()。
• 如果需要访问不可枚举属性或 Symbol 键，使用 Object.getOwnPropertyNames() 或 Reflect.ownKeys()。