遍历一个包含 JSON 对象的数组

如果你想遍历一个包含 JSON 对象的数组 list_a，并对每个对象中的属性进行处理后放入另一个数组 list_b 中，可以使用多种方法来实现这一目标。以下是几种常见的做法：

1. 使用 forEach 方法

你可以使用 forEach 方法来遍历 list_a 中的每个元素，并将处理后的对象推送到 list_b 中。

javascript

深色版本

1const list_a = [
2  { id: 1, name: 'Alice', age: 25 },
3  { id: 2, name: 'Bob', age: 30 },
4  { id: 3, name: 'Charlie', age: 35 }
5];
6
7const list_b = [];
8
9list_a.forEach(item => {
10  // 处理对象中的属性
11  const newItem = {
12    id: item.id,
13    name: item.name.toUpperCase(),  // 假设你想将名字转为大写
14    age: item.age + 5               // 假设你想将年龄增加5岁
15  };
16
17  // 将处理后的对象添加到 list_b 中
18  list_b.push(newItem);
19});
20
21console.log(list_b);

2. 使用 map 方法

map 方法也是一种常见的遍历数组的方法，并且它可以返回一个新的数组，非常适合用于创建新的数组。

javascript

深色版本

1const list_a = [
2  { id: 1, name: 'Alice', age: 25 },
3  { id: 2, name: 'Bob', age: 30 },
4  { id: 3, name: 'Charlie', age: 35 }
5];
6
7const list_b = list_a.map(item => {
8  return {
9    id: item.id,
10    name: item.name.toUpperCase(),
11    age: item.age + 5
12  };
13});
14
15console.log(list_b);

3. 使用 for...of 循环

你也可以使用传统的 for...of 循环来遍历数组并处理每个对象。

javascript

深色版本

1const list_a = [
2  { id: 1, name: 'Alice', age: 25 },
3  { id: 2, name: 'Bob', age: 30 },
4  { id: 3, name: 'Charlie', age: 35 }
5];
6
7const list_b = [];
8
9for (const item of list_a) {
10  const newItem = {
11    id: item.id,
12    name: item.name.toUpperCase(),
13    age: item.age + 5
14  };
15
16  list_b.push(newItem);
17}
18
19console.log(list_b);

4. 使用 for 循环

如果你更喜欢传统的方法，也可以使用 for 循环来遍历数组。

javascript

深色版本

1const list_a = [
2  { id: 1, name: 'Alice', age: 25 },
3  { id: 2, name: 'Bob', age: 30 },
4  { id: 3, name: 'Charlie', age: 35 }
5];
6
7const list_b = [];
8
9for (let i = 0; i < list_a.length; i++) {
10  const newItem = {
11    id: list_a[i].id,
12    name: list_a[i].name.toUpperCase(),
13    age: list_a[i].age + 5
14  };
15
16  list_b.push(newItem);
17}
18
19console.log(list_b);

选择合适的方法

选择哪种方法取决于你的具体需求和个人偏好。如果你只需要简单地处理每个元素并创建一个新的数组，map 方法通常是最简洁的选择。如果你需要在处理过程中执行更复杂的逻辑或需要访问数组的索引，可以使用 forEach 或 for...of 循环。如果你对传统方法更熟悉，也可以使用 for 循环。

无论选择哪种方法，关键在于理解每种方法的特点和适用场景。