js如何获取对象的键值对

在JavaScript中，获取对象的键值对有多种方法，以下是一些常用的方法：

1. 使用Object.keys()

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

const obj = { a: 1, b: 2, c: 3 };
const keys = Object.keys(obj); // ['a', 'b', 'c']

2. 使用Object.values()

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

const obj = { a: 1, b: 2, c: 3 };
const values = Object.values(obj); // [1, 2, 3]

3. 使用Object.entries()

Object.entries()方法返回一个包含对象自身所有可枚举属性键值对的二维数组。

const obj = { a: 1, b: 2, c: 3 };
const entries = Object.entries(obj); // [['a', 1], ['b', 2], ['c', 3]]

4. 使用for...in循环

for...in循环可以遍历对象的所有可枚举属性，包括继承的属性（如果不使用hasOwnProperty过滤）。

const obj = { a: 1, b: 2, c: 3 };
for (let key in obj) {
  if (obj.hasOwnProperty(key)) { // 过滤继承的属性
    console.log(`${key}: ${obj[key]}`);
  }
}

5. 使用Object.getOwnPropertyNames()

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

const obj = Object.create({}, {
  a: { value: 1, enumerable: true },
  b: { value: 2, enumerable: false }
});
const propNames = Object.getOwnPropertyNames(obj); // ['a', 'b']

应用场景

• 遍历对象属性：当你需要遍历对象的所有属性时，可以使用上述方法之一。
• 序列化对象：在将对象转换为JSON字符串或其他格式时，可能需要获取对象的键值对。
• 数据验证：在处理用户输入或外部数据时，可能需要检查对象的键值对是否符合预期。

注意事项

• for...in循环会遍历对象及其原型链上的所有可枚举属性，因此通常需要使用hasOwnProperty方法来过滤掉继承的属性。
• Object.keys()和Object.values()只返回对象自身的可枚举属性，不包括继承的属性。
• Object.entries()返回的是一个二维数组，每个子数组包含一个键值对。

通过这些方法，你可以灵活地获取和处理JavaScript对象的键值对。