JS 获取对象的key和value|极客笔记

JS 获取对象的key和value

在JavaScript中，有时我们需要获取对象中包含的所有键和值。这在处理对象数据时非常有用，并且有许多方法可以实现这个目的。本文将介绍几种常见的方法来获取对象的键和值。

方法一：使用for…in循环

通过使用for…in循环，我们可以很容易地遍历对象中的所有键，并获取对应的值。

let person = {
  name: 'Alice',
  age: 30,
  city: 'New York'
};

for (let key in person) {
  console.log(`Key:  ${key}, Value:$ {person[key]}`);
}

运行结果：

Key: name, Value: Alice
Key: age, Value: 30
Key: city, Value: New York

在上面的示例中，我们定义了一个包含姓名、年龄和城市属性的person对象，并使用for…in循环获取对象的键和值。

方法二：使用Object.keys()和Object.values()方法

另一种获取对象键和值的方法是使用Object.keys()和Object.values()方法。Object.keys()方法返回一个包含对象所有键的数组，Object.values()方法返回一个包含对象所有值的数组。

let person = {
  name: 'Bob',
  age: 25,
  city: 'Los Angeles'
};

let keys = Object.keys(person);
let values = Object.values(person);

console.log('Keys:', keys);
console.log('Values:', values);

运行结果：

Keys: [ 'name', 'age', 'city' ]
Values: [ 'Bob', 25, 'Los Angeles' ]

方法三：使用Object.entries()方法

Object.entries()方法返回一个包含对象所有键值对的数组。数组的每个元素都是一个由键和值组成的数组。

let person = {
  name: 'Charlie',
  age: 35,
  city: 'Chicago'
};

let entries = Object.entries(person);

entries.forEach(([key, value]) => {
  console.log(`Key:  ${key}, Value:$ {value}`);
});

运行结果：

Key: name, Value: Charlie
Key: age, Value: 35
Key: city, Value: Chicago

在上面的示例中，我们使用Object.entries()方法获取对象的所有键值对，然后使用forEach方法遍历并输出键和值。

总结

本文介绍了三种常见的方法来获取对象的键和值：使用for…in循环、Object.keys()和Object.values()方法、以及Object.entries()方法。每种方法都有其适用的场景，选择适合自己需要的方法来获取对象的键和值。

JS 获取对象的key和value