js怎么遍历一个对象的key

在JavaScript中，遍历一个对象的key有多种方法，包括for...in循环、Object.keys方法、Object.entries方法、Object.getOwnPropertyNames方法等。下面将详细介绍这些方法并提供示例代码。

一、FOR…IN 循环

for...in循环是遍历对象属性的最常用方法之一。它会遍历对象自身的可枚举属性以及从原型链继承的属性。

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

优点：

简单易用
适合遍历所有可枚举属性

缺点：

需要使用hasOwnProperty来过滤原型链上的属性

二、OBJECT.KEYS 方法

Object.keys方法返回一个数组，包含对象自身的所有可枚举属性。

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

优点：

只返回对象自身的可枚举属性
可以直接使用数组方法进行遍历

缺点：

仅适用于对象自身属性，不包含原型链上的属性

三、OBJECT.ENTRIES 方法

Object.entries方法返回一个数组，其中每个元素都是一个包含键和值的数组。

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

优点：

同时获取键和值
适合需要键和值同时处理的场景

缺点：

仅适用于对象自身属性，不包含原型链上的属性

四、OBJECT.GETOWNPROPERTYNAMES 方法

Object.getOwnPropertyNames方法返回一个数组，包含对象自身的所有属性（包括不可枚举属性）。

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

优点：

返回所有属性，包括不可枚举属性
可用于需要遍历所有属性的场景

缺点：

仅适用于对象自身属性，不包含原型链上的属性
可能包含不可枚举的属性，不适合只需要可枚举属性的场景

五、总结

综上所述，遍历对象的key主要有for...in循环、Object.keys方法、Object.entries方法、Object.getOwnPropertyNames方法等。每种方法都有其优点和缺点，选择合适的方法取决于具体的需求和场景。在实际开发中，Object.keys和Object.entries方法更为常用，因为它们只返回对象自身的可枚举属性，使用起来较为方便和直观。