How to use foreach loop in js

JavaScript forEach() loop is used to iterate over array elements. Syntax: array.forEach(callback(currentValue, index, array)). Usage steps: 1. Define the array; 2. Call the forEach() method and pass in the callback function; 3. Process the elements in the callback function. Advantages: easy to understand, powerful and efficient.

Usage of JavaScript forEach() loop

Introduction
forEach() A loop is a built-in function in JavaScript for iterating over the elements of an array. It accepts a callback function as argument, which is called on each element in the array.

Syntax

<code class="javascript">array.forEach(callback(currentValue, index, array));</code>

Where:

• array is the array to be traversed.

• callback is a function called on each element of the array and accepts three parameters:

  • currentValue : The element currently being processed.
  • index: The index of the current element in the array.
  • array: The array being traversed.

Usage
To use a forEach() loop, follow these steps:

1. Define an array.
2. Call the forEach() method and pass the callback function as a parameter.
3. In the callback function, perform the required processing on each element.

Example

<code class="javascript">const numbers = [1, 2, 3, 4, 5];

// 打印每个数字
numbers.forEach((num) => {
  console.log(num);
});

// 计算数组中数字的总和
let sum = 0;
numbers.forEach((num) => {
  sum += num;
});
console.log(`总和：${sum}`);</code>

Advantages

• Easy to understand:forEach The syntax of () loop is simple to understand and easy to use.
• Powerful functions: It provides powerful functions to access array elements and their indexes, allowing various operations to be performed.
• Efficient: The forEach() loop is the best choice for traversing an array because it can efficiently access one element at a time.

Note

• forEach() loop cannot modify the original array. To modify an array, use the map() or filter() method.
• forEach() loop cannot interrupt the traversal. If you need to break the traversal, use the break statement or explicitly return false.

The above is the detailed content of How to use foreach loop in js. For more information, please follow other related articles on the PHP Chinese website!