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

sumber:php.cn
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