JavaScript循环整理 | 攻克forEach()七日打卡

第一天：forEach()函数的基本语法

forEach()函数是JavaScript中内置的一个数组遍历函数，它接受一个回调函数作为参数，并将该回调函数对数组中的每个元素依次调用。forEach()函数的语法如下：

array.forEach(callback(currentValue, index, array));

其中，array是要遍历的数组，callback是回调函数，currentValue是当前正在处理的元素，index是当前元素的索引，array是正在遍历的数组。

第二天：forEach()函数的使用方式

forEach()函数的使用非常简单，只需将要遍历的数组和回调函数作为参数传入即可。例如，以下代码演示如何使用forEach()函数来遍历一个数组并打印出每个元素：

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

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

输出结果：

1
2
3
4
5

第三天：forEach()函数与thisArg

thisArg参数指定在执行回调函数时，this的值。如果省略该参数，则this的值将是undefined。例如，以下代码演示了如何使用thisArg参数来改变this的值：

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

const obj = {
  name: 'JavaScript',
  forEachCallback: function(item) {
    console.log(this.name + ': ' + item);
  }
};

arr.forEach(obj.forEachCallback, obj);

输出结果：

JavaScript: 1
JavaScript: 2
JavaScript: 3
JavaScript: 4
JavaScript: 5

第四天：forEach()函数与回调函数

回调函数是forEach()函数的第二个参数，它是一个函数，会在数组中的每个元素上被调用。回调函数可以接受三个参数：currentValue、index和array。例如，以下代码演示了如何使用回调函数来对数组中的每个元素进行平方：

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

arr.forEach((item, index, array) => {
  array[index] = item * item;
});

console.log(arr);

输出结果：

[1, 4, 9, 16, 25]

第五天：forEach()函数与异常处理

forEach()函数在遍历数组时可能会抛出异常。如果回调函数抛出异常，则forEach()函数会立即停止遍历并抛出该异常。例如，以下代码演示了如何使用forEach()函数来遍历一个数组并检查每个元素是否大于0，如果发现小于0的元素，则抛出异常：

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

arr.forEach((item) => {
  if (item < 0) {
    throw new Error('数组中包含负数');
  }
});

输出结果：

Error: 数组中包含负数

第六天：forEach()函数与终止循环

forEach()函数没有办法终止循环。如果需要在遍历数组时终止循环，可以使用break语句。例如，以下代码演示了如何使用break语句来终止forEach()循环：

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

arr.forEach((item) => {
  if (item > 3) {
    break;
  }

  console.log(item);
});

输出结果：

1
2
3

第七天：forEach()函数与其他循环函数的比较

forEach()函数是JavaScript中内置的一个数组遍历函数，它与其他循环函数（如for循环和while循环）相比，具有以下特点：

• forEach()函数使用起来非常简单，只需要将要遍历的数组和回调函数作为参数传入即可。
• forEach()函数不会返回任何值，总是返回undefined。
• forEach()函数无法终止循环，如果需要终止循环，可以使用break语句。
• forEach()函数无法跳过数组中的元素，如果需要跳过数组中的元素，可以使用filter()函数或slice()函数。