JavaScript迭代对象键值 - JavaScript

在Javascript中，迭代（或循环）对象的键值是一个常见的任务，因为对象是Javascript中最常见的数据类型之一。本文将介绍Javascript中迭代对象键值的不同方法和技巧，并提供示例代码。

迭代对象-键值对

Javascript对象是一种集合，其中每个元素都由键值对组成。键是对象中的标识符，值是与之相关联的数据。要迭代对象的键值，我们可以使用Javascript中的for-in循环或 Object.keys()方法。

for-in 循环

for-in 循环可以迭代对象的所有键值，包括其原型链中的键值。以下代码演示了如何使用 for-in 循环来迭代对象键值：

const obj = {a: 1, b: 2, c: 3};

for (const key in obj) {
  console.log(key, obj[key]);
}

输出：

a 1
b 2
c 3

Object.keys() 方法

使用Object.keys()方法，可以返回一个包含该对象中所有键的数组，然后我们就可以使用传统的 for 循环来迭代该数组，以访问所有键的相应值。以下代码演示了如何使用 Object.keys() 方法来迭代对象键值：

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

for (let i = 0; i < keys.length; i++) {
  const key = keys[i];
  console.log(key, obj[key]);
}

输出：

a 1
b 2
c 3

迭代对象-value

除了遍历对象的键之外，我们还可以使用 for-in 循环或 Object.values() 方法来遍历对象的值。

for-in 循环

for-in 循环不仅可以迭代对象的键，也可以迭代对象的所有值。以下代码演示了如何使用 for-in 循环来迭代对象的值：

const obj = {a: 1, b: 2, c: 3};

for (const key in obj) {
  console.log(obj[key]);
}

输出：

1
2
3

Object.values() 方法

Object.values() 方法返回一个包含该对象中所有值的数组，我们可以使用传统的 for 循环来迭代该数组，以访问所有值。以下代码演示了如何使用 Object.values() 方法来迭代对象的值：

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

for (let i = 0; i < values.length; i++) {
  console.log(values[i]);
}

输出：

1
2
3

迭代对象-键值对和值

我们还可以使用 for-in 循环或 Object.entries() 方法来同时遍历对象的键和值。

for-in 循环

for-in 循环可以迭代对象的键和值。以下代码演示了如何使用 for-in 循环来迭代对象的键和值：

const obj = {a: 1, b: 2, c: 3};

for (const key in obj) {
  console.log(key, obj[key]);
}

输出：

a 1
b 2
c 3

Object.entries() 方法

Object.entries() 方法返回一个数组，其中每个元素都是一个长度为2的数组，包含对象中每个属性的键和值。我们可以使用传统的 for 循环来迭代该数组。以下代码演示了如何使用 Object.entries() 方法来迭代对象的键和值：

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

for (let i = 0; i < entries.length; i++) {
  const key = entries[i][0];
  const value = entries[i][1];
  console.log(key, value);
}

输出：

a 1
b 2
c 3

总结

使用 for-in 循环和 Object.keys()、Object.values()、Object.entries() 方法，我们可以遍历Javascript对象的所有键值和值。根据任务的不同要求，选择适当的方法可以简化我们的代码，使其更具可读性和可维护性。