Rumah >hujung hadapan web >tutorial js >Cara menggunakan gelung foreach dalam js

Cara menggunakan gelung foreach dalam js

下次还敢
下次还敢asal
2024-05-06 13:54:16772semak imbas

JavaScript forEach() gelung digunakan untuk mengulangi elemen tatasusunan. Sintaks: array.forEach(callback(currentValue, index, array)). Langkah penggunaan: 1. Tentukan tatasusunan; 2. Panggil kaedah forEach() dan hantar dalam fungsi panggil balik; Kelebihan: Mudah dan mudah difahami, berkuasa dan cekap.

Cara menggunakan gelung foreach dalam js

Penggunaan JavaScript forEach() gelung

Pengenalan
forEach() gelung ialah fungsi terbina dalam JavaScript untuk merentasi elemen tatasusunan. Ia menerima fungsi panggil balik sebagai hujah, yang dipanggil pada setiap elemen dalam tatasusunan.

Syntax

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

di mana:

  • array ialah tatasusunan yang akan dilalui. array 是要遍历的数组。
  • callback 是一个在数组每个元素上调用的函数,它接受三个参数:

    • currentValue:当前正在处理的元素。
    • index:当前元素在数组中的索引。
    • array:正在遍历的数组。

用法
要使用 forEach() 循环,请执行以下步骤:

  1. 定义一个数组。
  2. 调用 forEach() 方法,并传递回调函数作为参数。
  3. 在回调函数中,对每个元素执行所需的处理。

示例

<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>

优势

  • 简单易懂:forEach() 循环的语法简单易懂,易于使用。
  • 强大的功能:它提供了访问数组元素及其索引的强大功能,从而可以执行各种操作。
  • 高效:forEach() 循环是遍历数组的最佳选择,因为它可以有效地一次访问一个元素。

注意事项

  • forEach() 循环不能修改原始数组。要修改数组,请使用 map()filter() 方法。
  • forEach() 循环不能中断遍历。如果需要中断遍历,请使用 break 语句或显式返回 false
panggil balik ialah fungsi yang dipanggil pada setiap elemen tatasusunan, yang menerima tiga parameter: 🎜🎜🎜currentValue: elemen sedang diproses. 🎜🎜indeks: Indeks unsur semasa dalam tatasusunan. 🎜🎜array: Tatasusunan sedang dilalui. 🎜🎜🎜🎜🎜🎜 Penggunaan 🎜🎜 Untuk menggunakan gelung forEach(), ikut langkah berikut: 🎜
    🎜Tentukan tatasusunan. 🎜🎜Panggil kaedah forEach() dan lulus fungsi panggil balik sebagai parameter. 🎜🎜Dalam fungsi panggil balik, lakukan pemprosesan yang diperlukan pada setiap elemen. 🎜
🎜🎜Contoh🎜🎜rrreee🎜🎜Kelebihan🎜🎜🎜🎜🎜Mudah difahami: 🎜forEach() Sintaks gelung adalah ringkas dan mudah difahami serta mudah digunakan. 🎜🎜🎜Ciri Berkuasa:🎜Ia menyediakan ciri berkuasa untuk mengakses elemen tatasusunan dan indeksnya, membolehkan melakukan pelbagai operasi. 🎜🎜🎜Cekap: Gelung 🎜forEach() ialah pilihan terbaik untuk merentasi tatasusunan kerana ia boleh mengakses satu elemen pada satu masa dengan cekap. 🎜🎜🎜🎜Nota🎜🎜🎜🎜forEach() gelung tidak boleh mengubah suai tatasusunan asal. Untuk mengubah suai tatasusunan, gunakan kaedah map() atau filter(). 🎜🎜forEach() gelung tidak boleh mengganggu traversal. Jika anda perlu memecahkan traversal, gunakan pernyataan break atau kembalikan false secara eksplisit. 🎜🎜

Atas ialah kandungan terperinci Cara menggunakan gelung foreach dalam js. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn