js - 对forEach()函数的一些理解

forEach()函数是JavaScript中数组的一个方法，它为数组的每个元素执行一次提供的函数。该函数无法改变调用它的数组。

以下是一些关于forEach()函数的理解和应用的示例：

1. 基本的forEach使用：

let numbers = [1, 2, 3, 4, 5];
numbers.forEach(function(value) {
  console.log(value);
});
// 输出：1 2 3 4 5

2. 使用forEach进行求和：

let numbers = [1, 2, 3, 4, 5];
let sum = 0;
numbers.forEach(function(value) {
  sum += value;
});
console.log(sum);
// 输出：15

3. 使用forEach修改数组：

let numbers = [1, 2, 3, 4, 5];
numbers.forEach(function(value, index, array) {
  array[index] = value * 2;
});
console.log(numbers);
// 输出：[2, 4, 6, 8, 10]

4. 使用forEach进行更复杂的操作：

let numbers = [1, 2, 3, 4, 5];
let evens = [];
let odds = [];
numbers.forEach(function(value) {
  if (value % 2 === 0) {
    evens.push(value);
  } else {
    odds.push(value);
  }
});
console.log('Evens:', evens);
console.log('Odds:', odds);
// 输出：Evens: [2, 4]  Odds: [1, 3, 5]

5. 使用forEach进行异步操作：

let numbers = [1, 2, 3, 4, 5];
numbers.forEach(function(value, index) {
  setTimeout(function() {
    console.log(value);
  }, value * 1000);
});
// 在控制台，每隔一秒会打印出一个数字，从1开始，到5结束

6. 使用forEach进行更复杂的异步操作：

let numbers = [1, 2, 3, 4, 5];
numbers.forEach(function(value, index) {
  setTimeout(function() {
    console.log(value);
  }, value * 1000);
}, 0);
// 在控制台，每个数字每隔一秒钟会打印出来，从1开始，到5结束

7. 使用forEach进行排序：

let numbers = [1, 2, 3, 4, 5];
let sortedNumbers = [];
numbers.forEach(function(value) {
  sortedNumbers.push(value);
  sortedNumbers.sort(function(a, b) {
    return a - b;
  });
  console.log(sortedNumbers);
});
// 输出：[1] [1, 2] [1, 2, 3] [1, 2, 3, 4] [1, 2, 3, 4, 5]

8. 使用forEach进行筛选：

let numbers = [1, 2, 3, 4, 5];
let filteredNumbers = [];
numbers.forEach(function(value) {
  if (value > 3) {
    filteredNumbers.push(value);
  }
});
console.log(filteredNumbers);
// 输出：[4, 5]

以上就是对forEach()函数的一些理解和应用的示例。