Rumah >hujung hadapan web >tutorial js >Bagaimanakah Saya Cekap Mengulangi Objek JavaScript dan Sifatnya?

Bagaimanakah Saya Cekap Mengulangi Objek JavaScript dan Sifatnya?

Linda Hamilton
Linda Hamiltonasal
2024-12-28 13:38:10236semak imbas

How Do I Efficiently Iterate Over JavaScript Objects and Their Properties?

Lelaran ke atas Objek JavaScript: Panduan Komprehensif

Menavigasi sifat objek JavaScript ialah aspek pengaturcaraan yang penting. Tidak seperti tatasusunan, yang mempunyai susunan yang ditentukan, sifat objek adalah dinamik dan boleh diakses menggunakan gelung untuk masuk.

Menggunakan untuk...dalam Gelung

Untuk ringkas lelaran, gelung for...in ialah pilihan yang mudah:

for (let key in myObject) {
  console.log(key, myObject[key]);
}

Gelung ini melelaran melalui semua sifat myObject, mengelog kedua-duanya kunci dan nilai yang sepadan.

Object.entry() untuk Kekunci dan Nilai

ES6 memperkenalkan Object.entry(), yang mengembalikan tatasusunan nilai kunci pasangan:

for (let [key, value] of Object.entries(myObject)) {
  console.log(key, value);
}

Ini menyediakan cara yang lebih bersih dan ringkas untuk mengakses kedua-dua kekunci dan nilai.

Tidak Termasuk Harta Diwarisi

Untuk mengelakkan pembalakan sifat yang diwarisi (yang akan berlaku dalam kes prototaip), gunakan hasOwnProperty():

for (let key in myObject) {
  if (myObject.hasOwnProperty(key)) {
    console.log(key, myObject[key]);
  }
}

Memecahkan Lelaran ke dalam Chunks

Untuk mengulangi sifat objek dalam ketulan, adalah disyorkan untuk mengekstrak kunci ke dalam tatasusunan menggunakan Object.keys(). Ini memastikan susunan dikekalkan:

let keys = Object.keys(myObject);

for (let i = 0; i < keys.length; i++) {
  console.log(keys[i], myObject[keys[i]]);
}

Pendekatan ini membenarkan lelaran tertentu dengan menetapkan indeks mula dan tamat dalam gelung for.

Dengan memahami teknik ini, pembangun boleh mengulangi dengan yakin Objek JavaScript, dengan cekap dan dengan kawalan ke atas sifat khusus yang sedang diakses.

Atas ialah kandungan terperinci Bagaimanakah Saya Cekap Mengulangi Objek JavaScript dan Sifatnya?. 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