通过对象数组反应JS循环 - Javascript

在 Javascript 中，数组和对象是非常常见的数据类型。有时候，我们需要对数组和对象进行遍历和操作。这个时候，循环语句就派上用场了。在本文中，我们将通过对象数组反应 JS 循环并简要介绍一些用于循环的方法。

对象数组循环

在 JS 中，对象数组是一个常见的数据类型。通常情况下，对象数组包含了一些相同结构的对象，每个对象包含了一些相同或者不同的属性。我们可以通过循环来对对象数组中的每个对象进行操作。

下面是一个简单的对象数组示例：

let people = [
  {name: 'John', age: 28},
  {name: 'Jane', age: 31},
  {name: 'Jim', age: 22}
];

我们可以使用 for 循环语句来遍历这个对象数组，并对每个对象进行操作。

for (let i = 0; i < people.length; i++) {
  console.log(people[i].name + ' is ' + people[i].age + ' years old.');
}

输出结果如下：

John is 28 years old.
Jane is 31 years old.
Jim is 22 years old.

回调函数循环

除了使用 for 循环以外，我们还可以使用 forEach() 方法来对对象数组进行遍历和操作。

people.forEach(function(person) {
  console.log(person.name + ' is ' + person.age + ' years old.');
});

输出结果同样是：

John is 28 years old.
Jane is 31 years old.
Jim is 22 years old.

map() 方法

除了 forEach() 方法以外，我们还可以使用 map() 方法来对对象数组进行遍历和操作。

let names = people.map(function(person) {
  return person.name;
});

console.log(names);

输出结果如下：

["John", "Jane", "Jim"]

filter() 方法

另一个常见的操作是过滤对象数组中的某些对象。我们可以使用 filter() 方法来满足这个需求。

let adults = people.filter(function(person) {
  return person.age >= 18;
});

console.log(adults);

输出结果如下：

[
  {name: 'John', age: 28},
  {name: 'Jane', age: 31},
  {name: 'Jim', age: 22}
]

结论

对象数组是 JS 中常见的数据类型之一，我们通常需要对其进行遍历和操作。我们可以使用 for 循环、forEach() 方法、map() 方法以及 filter() 方法来进行遍历和操作。这些方法非常实用并且易于理解，希望本文能够帮助到你。