Rumah > hujung hadapan web > tutorial js > Apakah Cara Berbeza untuk Menggelung Melalui Tatasusunan JavaScript?

Apakah Cara Berbeza untuk Menggelung Melalui Tatasusunan JavaScript?

Susan Sarandon
Lepaskan: 2025-01-03 05:51:39
asal
454 orang telah melayarinya

What are the Different Ways to Loop Through a JavaScript Array?

Menggelung Melalui Tatasusunan Menggunakan JavaScript

Membalas melalui elemen tatasusunan ialah tugas biasa dalam JavaScript. Terdapat beberapa pendekatan yang tersedia, masing-masing mempunyai kekuatan dan batasannya sendiri. Mari terokai pilihan ini:

Array

1. for-of Loop (ES2015 )

Gelung ini berulang ke atas nilai tatasusunan menggunakan iterator:

const arr = ["a", "b", "c"];
for (const element of arr) {
  console.log(element); // "a", "b", "c"
}
Salin selepas log masuk

2. forEach

forEach ialah kaedah yang berulang ke atas tatasusunan dan memanggil fungsi untuk setiap elemen:

arr.forEach(element => {
  console.log(element); // "a", "b", "c"
});
Salin selepas log masuk

3. Mudah untuk Gelung

Gelung ini menggunakan pemboleh ubah pembilang untuk mengulangi elemen tatasusunan:

for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]); // "a", "b", "c"
}
Salin selepas log masuk

4. Gelung for-in (dengan Safeguards)

for-in berulang ke atas sifat tatasusunan, yang termasuk elemennya. Walau bagaimanapun, adalah penting untuk menggunakan perlindungan untuk mengelak daripada mengulang sifat prototaip:

for (const property in arr) {
  // Check if 'property' is an array element property
  if (arr.hasOwnProperty(property)) {
    console.log(arr[property]); // "a", "b", "c"
  }
}
Salin selepas log masuk

5. Iterator (ES2015 )

Array ialah objek boleh lelar dan menyediakan iterator yang boleh dimajukan secara manual menggunakan next():

const iterator = arr[Symbol.iterator]();
while (true) {
  const result = iterator.next();
  if (result.done) break;
  console.log(result.value); // "a", "b", "c"
}
Salin selepas log masuk

Atas ialah kandungan terperinci Apakah Cara Berbeza untuk Menggelung Melalui Tatasusunan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan