JS 迭代对象 - JavaScript

在 JavaScript 中，迭代是指通过一些方式访问集合或数组中的每个元素。本文将介绍 JavaScript 中常见的迭代方式和用法。

1. for 循环

for 循环是 JavaScript 中最常见的迭代方式。它可以通过循环计数器来遍历数组或对象中的元素。下面是一个示例：

const arr = [1, 2, 3, 4, 5];

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

输出结果为：

1
2
3
4
5

我们还可以通过 for...in 循环来遍历对象中的属性。下面是一个示例：

const obj = {name: 'Tom', age: 18, sex: 'M'};

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

输出结果为：

name:Tom
age:18
sex:M

2. forEach

forEach 是数组对象自带的方法，它可以对每个元素进行迭代，并将元素传递给回调函数。回调函数可以接收三个参数：当前元素、当前索引和原数组。下面是一个示例：

const arr = [1, 2, 3, 4, 5];

arr.forEach((item, index, array) => {
  console.log(item, index, array);
});

输出结果为：

1 0 [1, 2, 3, 4, 5]
2 1 [1, 2, 3, 4, 5]
3 2 [1, 2, 3, 4, 5]
4 3 [1, 2, 3, 4, 5]
5 4 [1, 2, 3, 4, 5]

3. map

map 与 forEach 类似，但它可以返回一个新数组，而不是直接操作原数组。下面是一个示例：

const arr = [1, 2, 3];

const newArr = arr.map(item => item * item);

console.log(newArr);

// 输出结果为 [1, 4, 9]

4. filter

filter 可以根据指定的条件过滤数组中的元素，并返回一个新数组。下面是一个示例：

const arr = [1, 2, 3, 4, 5];

const newArr = arr.filter(item => item % 2 === 0);

console.log(newArr);

// 输出结果为 [2, 4]

5. reduce

reduce 可以对数组元素进行累加，并返回一个结果。下面是一个示例：

const arr = [1, 2, 3];

const sum = arr.reduce((prev, curr) => prev + curr, 0);

console.log(sum);

// 输出结果为 6

小结

JavaScript 中的迭代对象有很多种方式，除了上述介绍的方式，还有一些其他的方法，如 some、every、find 等。每种方式都有自己的优缺点，我们需要根据具体情况选择最适合的方式。