JS 循环遍历关联数组 - Javascript

在Javascript中，关联数组也称为对象(Object)。对象是一种无序的数据集合，每个元素都由一个键和一个值组成。可以通过键来访问元素。

在实际开发中，我们需要经常对对象进行遍历，这篇文章将介绍JS中循环遍历关联数组的方法。

for...in循环

for...in循环是遍历对象属性的一种简单方法。它会遍历对象的所有属性，不仅仅是可枚举属性。for...in循环的语法如下：

for (variable in object) {
  // code to be executed
}

其中，variable代表了对象的属性名称，object代表了要遍历的对象。

下面是一个简单的例子：

const person = {
  name: 'Tom',
  age: 18,
  gender: 'male'
};

for (let key in person) {
  console.log(key + ': ' + person[key]);
}

输出结果：

name: Tom
age: 18
gender: male

可以看到，我们使用了for...in循环遍历了person对象的所有属性，并输出了它们的键值对。

Object.keys()方法

Object.keys()方法返回一个数组，包含对象所有可枚举属性的名称。我们可以使用该方法获取关联数组中所有的属性名称，然后再通过循环遍历对象的属性。

下面是一个简单的例子：

const person = {
  name: 'Tom',
  age: 18,
  gender: 'male'
};

const keys = Object.keys(person);
for (let i = 0; i < keys.length; i++) {
  console.log(keys[i] + ': ' + person[keys[i]]);
}

输出结果与前面的例子相同。

Object.values()方法

Object.values()方法返回一个数组，包含对象所有可枚举属性的值。我们也可以使用该方法获取关联数组中所有的属性值，然后再通过循环遍历数组。

下面是一个简单的例子：

const person = {
  name: 'Tom',
  age: 18,
  gender: 'male'
};

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

输出结果：

Tom
18
male

Object.entries()方法

Object.entries()方法返回一个包含对象所有可枚举属性的键值对数组。可以使用该方法获取关联数组中所有的键值对，然后再通过循环遍历数组。

下面是一个简单的例子：

const person = {
  name: 'Tom',
  age: 18,
  gender: 'male'
};

const entries = Object.entries(person);
for (let i = 0; i < entries.length; i++) {
  console.log(entries[i][0] + ': ' + entries[i][1]);
}

输出结果与前面的例子相同。

总结

以上就是JS中循环遍历关联数组的几种方法。我们可以根据具体情况选择合适的方法来遍历对象。