Rumah >hujung hadapan web >tutorial js >Bagaimanakah Saya Boleh Mengulangi Array dalam JavaScript?

Bagaimanakah Saya Boleh Mengulangi Array dalam JavaScript?

Patricia Arquette
Patricia Arquetteasal
2024-12-26 16:02:09805semak imbas

How Can I Iterate Over an Array in JavaScript?

Gelung (untuk setiap satu) pada Tatasusunan dalam JavaScript

Susun atur dalam JavaScript ialah himpunan nilai tersusun dan anda boleh mengulanginya menggunakan pelbagai kaedah. Berikut ialah pendekatan utama:

Khusus kepada Tatasusunan Tulen

1. For-of Loop (ES2015 )

Kaedah ini menggunakan lelaran tersirat dan sesuai untuk operasi tak segerak yang mudah:

const a = ["a", "b", "c"];
for (const element of a) {
    console.log(element);
}
// Output:
// a
// b
// c

2. ForEach and Related (ES5 )

Kaedah ini memanggil fungsi panggil balik untuk setiap elemen dalam tatasusunan:

a.forEach(element => {
    console.log(element);
});
// Output:
// a
// b
// c

3. Simple For Loop

Kaedah tradisional ini menyediakan akses terus kepada elemen dan indeksnya:

for (let index = 0; index < a.length; ++index) {
    const element = a[index];
    console.log(element);
}
// Output:
// a
// b
// c

4. For-in (Gunakan dengan Berhati-hati)

For-in harus digunakan dengan perlindungan untuk mengelakkan potensi isu dengan sifat yang diwarisi:

for (const propertyName in a) {
    if (a.hasOwnProperty(propertyName)) {
        const element = a[propertyName];
        console.log(element);
    }
}
// Output:
// a
// b
// c

Generalizing to Array-like Objects

Selain tatasusunan tulen, pendekatan boleh digunakan pada objek seperti tatasusunan seperti hujah, objek boleh lelaran (ES2015 ), koleksi DOM dan sebagainya. Perlu diingat pertimbangan berikut:

  • Objek Argumen: Gunakan gelung for-of atau lelaran eksplisit, kerana untuk setiap satu dan untuk gelung tidak akan berfungsi dengan betul.
  • Objek Boleh Lelar: Gunakan gelung for-of atau eksplisit iterator.
  • Koleksi DOM: Gunakan gelung for-of atau iterator eksplisit.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengulangi Array dalam JavaScript?. 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