Iterasi pada Properti Objek JavaScript

Menjelajahi Iterasi Objek JavaScript

Objek JavaScript sangat penting dalam menyimpan dan mengelola data dalam pasangan nilai kunci. Saat bekerja dengan objek-objek ini, sering kali ada kebutuhan untuk mengulang propertinya untuk mengakses kunci dan nilai.

Tutorial ini akan memandu Anda melalui berbagai metode penghitungan properti dalam objek JavaScript. Baik Anda baru mengenal JavaScript atau ingin menyempurnakan keterampilan Anda, memahami teknik ini sangat penting untuk pengkodean yang efektif.

Memerintah	Keterangan
for...in	Mengulangi properti enumerable suatu objek.
hasOwnProperty()	Memeriksa apakah objek memiliki properti yang ditentukan sebagai propertinya sendiri.
Object.keys()	Mengembalikan array nama properti enumerable milik objek tertentu.
forEach()	Menjalankan fungsi yang disediakan satu kali untuk setiap elemen array.
Object.entries()	Mengembalikan larik pasangan properti [kunci, nilai] dengan kunci string yang dapat dihitung milik objek tertentu.

Memahami Teknik Iterasi Objek JavaScript

Skrip yang disediakan menawarkan metode berbeda untuk melakukan iterasi melalui properti objek JavaScript. Skrip pertama menggunakan a loop, yang mengulangi semua properti objek yang dapat dihitung. Dalam lingkaran ini, metode memeriksa apakah objek memiliki properti yang ditentukan sebagai propertinya sendiri, memastikan properti warisan tidak disertakan. Metode ini berguna ketika Anda perlu melakukan operasi pada setiap properti objek, seperti mencatat atau mengubah nilai.

Skrip kedua memanfaatkan metode, yang mengembalikan array nama properti objek yang dapat dihitung. Itu Metode ini kemudian digunakan untuk mengulangi array ini, memberikan pendekatan yang lebih sederhana dan lebih mudah dibaca dibandingkan dengan metode lingkaran. Skrip ketiga menggunakan Object.entries(), yang mengembalikan larik pasangan properti [kunci, nilai] dengan kunci string yang dapat dihitung jumlahnya. A loop digunakan untuk mengulangi pasangan ini, menawarkan cara ringkas untuk mengakses kunci dan nilai secara bersamaan.

const p = {"p1": "value1", "p2": "value2", "p3": "value3"};
for (const key in p) {
  if (p.hasOwnProperty(key)) {
    console.log(key + ": " + p[key]);
  }
}

const p = {"p1": "value1", "p2": "value2", "p3": "value3"};
Object.keys(p).forEach(key => {
  console.log(key + ": " + p[key]);
});

const p = {"p1": "value1", "p2": "value2", "p3": "value3"};
for (const [key, value] of Object.entries(p)) {
  console.log(key + ": " + value);
}

Teknik Tingkat Lanjut untuk Iterasi pada Objek JavaScript

Selain metode yang dibahas sebelumnya, teknik lain yang berguna untuk melakukan iterasi pada objek JavaScript adalah menggunakan metode. Metode ini mengembalikan array nilai properti objek yang dapat dihitung. Ini sangat berguna ketika Anda hanya membutuhkan nilai dan bukan kuncinya. Anda kemudian dapat menggunakan atau metode array lain untuk memproses nilai-nilai ini. Metode ini menyederhanakan skenario ketika kunci tidak relevan dengan tugas yang ada.

Metode lanjutan lainnya adalah menggunakan , yang mengembalikan array dari semua properti, termasuk properti non-enumerable dan simbol. Metode ini lebih komprehensif dibandingkan Dan . Jika digabungkan dengan for...of, ini memungkinkan pengembang untuk mengulangi semua properti suatu objek secara terpadu. Memahami metode lanjutan ini memperluas perangkat Anda untuk menangani objek kompleks dan memastikan Anda dapat menangani berbagai skenario iterasi secara efektif.

1. Bagaimana cara mengulang properti suatu objek?
2. Anda dapat menggunakan a lingkaran atau dengan .
3. Apa perbedaan antara Dan ?
4. mengembalikan array nama properti, sementara mengembalikan array nilai properti.
5. Bagaimana cara mendapatkan kunci dan nilai suatu objek?
6. Menggunakan untuk mendapatkan array pasangan [kunci, nilai], lalu ulangi .
7. Bisakah saya mengulangi properti yang tidak dapat dihitung?
8. Ya, gunakan atau untuk memasukkan properti yang tidak dapat dihitung.
9. Bagaimana cara memeriksa apakah suatu properti adalah milik objek itu sendiri?
10. Menggunakan dalam satu lingkaran untuk memastikan properti tidak diwariskan.
11. Bagaimana cara saya mengulangi simbol suatu objek?
12. Menggunakan untuk mendapatkan array properti simbol.
13. Apa metode terbaik untuk mengulangi properti objek?
14. Semua tergantung dari kebutuhan Anda. Menggunakan untuk kesederhanaan, untuk nama properti tertentu, dan untuk kunci dan nilai.