JavaScript 提供两种方法解析对象数组:forEach:遍历数组元素,执行回调函数修改元素或执行副作用。map:遍历数组元素,返回经过回调函数处理的新数组。

如何使用 JavaScript 解析对象数组
JavaScript 提供了多种方法来解析对象数组,本文将介绍两种常用方法:forEach 和 map。
1. 使用 forEach
forEach 方法用于遍历数组中的每个元素并执行给定的回调函数。该方法不返回任何值,只能用于修改数组中的元素或执行副作用。
语法:
<code class="javascript">arr.forEach(function(currentValue, index, arr) {});</code>-
currentValue是数组中当前元素。 -
index是当前元素的索引。 -
arr是数组本身。
示例:
<code class="javascript">const users = [
{ name: 'John', age: 30 },
{ name: 'Jane', age: 25 },
{ name: 'Bob', age: 40 },
];
users.forEach(function(user) {
console.log(`Name: ${user.name}, Age: ${user.age}`);
});</code>输出:
<code>Name: John, Age: 30 Name: Jane, Age: 25 Name: Bob, Age: 40</code>
2. 使用 map
map 方法也是遍历数组中的每个元素并执行给定的回调函数。不同于 forEach,map 返回一个新数组,其中每个元素是回调函数的返回值。
语法:
<code class="javascript">arr.map(function(currentValue, index, arr) {});</code>-
currentValue是数组中当前元素。 -
index是当前元素的索引。 -
arr是数组本身。
示例:
<code class="javascript">const users = [
{ name: 'John', age: 30 },
{ name: 'Jane', age: 25 },
{ name: 'Bob', age: 40 },
];
const names = users.map(function(user) {
return user.name;
});</code>输出:
<code>['John', 'Jane', 'Bob']</code>
通过 forEach 或 map 方法,JavaScript 开发人员可以轻松地解析对象数组,对其进行修改或提取所需的信息。










