Rumah >hujung hadapan web >tutorial js >Bagaimanakah Saya Boleh Menguasai Dengan Cekap Melalui Tatasusunan dan Objek seperti Tatasusunan dalam JavaScript?

Bagaimanakah Saya Boleh Menguasai Dengan Cekap Melalui Tatasusunan dan Objek seperti Tatasusunan dalam JavaScript?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-12-23 13:44:33431semak imbas

How Can I Efficiently Iterate Through Arrays and Array-like Objects in JavaScript?

Menggelung Melalui Tatasusunan dalam JavaScript

Dalam JavaScript, terdapat pelbagai cara untuk mengulangi elemen tatasusunan:

Melongok Daripada Tulen Tatasusunan

  • Untuk Gelung (ES2015 ):
for (const element of theArray) {
    // Use `element`...
}
  • forEach (ES5 ):
theArray.forEach(element => {
    // Use `element`...
});
  • Mudah Untuk Gelung:
for (let index = 0; index < theArray.length; ++index) {
    const element = theArray[index];
    // Use `element`...
}
  • Untuk- dalam (dengan Pelindung):
for (const propertyName in theArray) {
    if (/*...is an array element property (see below)...*/) {
        const element = theArray[propertyName];
        // Use `element`...
    }
}

Melingkari Objek seperti Array

  • Untuk Gelung (ES2015 ):
for (const element of arrayLike) {
    // Use `element`...
}
  • forEach (ES5 ):
arrayLike.forEach(element => {
    // Use `element`...
});
  • Mudah Untuk Gelung (dengan Awas):
for (let index = 0; index < arrayLike.length; ++index) {
    // Note: `arrayLike.length` may not be reliable.
    if (arrayLike.hasOwnProperty(index)) {
        const element = arrayLike[index];
        // Use `element`...
    }
}
  • Array.from dan For-of Gelung:
const arrayLikeItems = Array.from(arrayLike);
for (const element of arrayLikeItems) {
    // Use `element`...
}

Cadangan

  • Untuk tatasusunan tulen, gunakan gelung for-of atau forEach jika panggil balik anda ialah fungsi segerak yang ringkas.
  • Untuk objek seperti tatasusunan, gunakan gelung for-of dengan berhati-hati dan pertimbangkan untuk menggunakan Array.from() untuk mencipta tatasusunan tulen dahulu untuk kebolehpercayaan yang lebih besar.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menguasai Dengan Cekap Melalui Tatasusunan dan Objek seperti Tatasusunan 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