Meneroka Lelaran Objek JavaScript
Objek JavaScript adalah asas dalam menyimpan dan mengurus data dalam pasangan nilai kunci. Apabila bekerja dengan objek ini, selalunya terdapat keperluan untuk mengulangi sifatnya untuk mengakses kunci dan nilai.
Tutorial ini akan membimbing anda melalui pelbagai kaedah untuk menghitung sifat dalam objek JavaScript. Sama ada anda baru menggunakan JavaScript atau ingin memperhalusi kemahiran anda, memahami teknik ini adalah penting untuk pengekodan yang berkesan.
| Perintah | Penerangan |
|---|---|
| for...in | Gelung melalui sifat terhitung objek. |
| hasOwnProperty() | Semak sama ada objek mempunyai harta yang ditentukan sebagai hartanya sendiri. |
| Object.keys() | Mengembalikan tatasusunan nama harta benda yang boleh dikira sendiri. |
| forEach() | Melaksanakan fungsi yang disediakan sekali untuk setiap elemen tatasusunan. |
| Object.entries() | Mengembalikan tatasusunan pasangan objek berkunci rentetan yang boleh dikira sendiri [kunci, nilai] pasangan. |
Memahami Teknik Lelaran Objek JavaScript
Skrip yang disediakan menawarkan kaedah yang berbeza untuk beralih melalui sifat objek JavaScript. Skrip pertama menggunakan a for...in gelung, yang berulang ke atas semua sifat terhitung objek. Dalam gelung ini, hasOwnProperty() kaedah menyemak sama ada objek mempunyai harta yang ditentukan sebagai hartanya sendiri, memastikan sifat yang diwarisi tidak disertakan. Kaedah ini berguna apabila anda perlu melakukan operasi pada setiap sifat objek, seperti mengelog atau mengubah suai nilai.
Skrip kedua memanfaatkan Object.keys() kaedah, yang mengembalikan tatasusunan nama harta benda yang boleh dikira sendiri. The forEach() kaedah kemudiannya digunakan untuk mengulangi tatasusunan ini, memberikan pendekatan yang lebih mudah dan lebih mudah dibaca berbanding dengan for...in gelung. Skrip ketiga menggunakan Object.entries(), yang mengembalikan tatasusunan pasangan objek berkunci rentetan yang terhitung sendiri [kunci, nilai]. A for...of gelung digunakan untuk mengulangi pasangan ini, menawarkan cara ringkas untuk mengakses kedua-dua kunci dan nilai secara serentak.
Menggelung Melalui Sifat Objek dalam JavaScript
Menggunakan Kaedah JavaScript ES6
const p = {"p1": "value1", "p2": "value2", "p3": "value3"};for (const key in p) {if (p.hasOwnProperty(key)) {console.log(key + ": " + p[key]);}}
Mengulangkan Kekunci dan Nilai Objek dalam JavaScript
Menggunakan Kaedah Objek JavaScript
const p = {"p1": "value1", "p2": "value2", "p3": "value3"};Object.keys(p).forEach(key => {console.log(key + ": " + p[key]);});
Mengekstrak Kunci Objek dan Nilai dalam JavaScript
Menggunakan Kaedah JavaScript Object.entry().
const p = {"p1": "value1", "p2": "value2", "p3": "value3"};for (const [key, value] of Object.entries(p)) {console.log(key + ": " + value);}
Teknik Lanjutan untuk Mengulang Atas Objek JavaScript
Sebagai tambahan kepada kaedah yang dibincangkan sebelum ini, satu lagi teknik berguna untuk lelaran ke atas objek JavaScript adalah menggunakan Object.values() kaedah. Kaedah ini mengembalikan tatasusunan nilai harta terhitung objek itu sendiri. Ia amat berguna apabila anda hanya memerlukan nilai dan bukan kunci. Anda kemudian boleh menggunakan forEach() atau kaedah tatasusunan lain untuk memproses nilai ini. Kaedah ini memudahkan senario di mana kunci tidak relevan dengan tugas yang sedang dijalankan.
Kaedah lanjutan lain adalah menggunakan Reflect.ownKeys(), yang mengembalikan tatasusunan semua sifat, termasuk sifat tidak terhitung dan simbol. Kaedah ini lebih menyeluruh daripada Object.keys() dan Object.getOwnPropertyNames(). Apabila digabungkan dengan for...of, ia membenarkan pembangun untuk mengulangi semua sifat objek dengan cara yang bersatu. Memahami kaedah lanjutan ini mengembangkan kit alat anda untuk menangani objek yang kompleks dan memastikan anda boleh mengendalikan pelbagai senario lelaran dengan berkesan.
Soalan Lazim Mengenai Lelaran Objek JavaScript
- Bagaimanakah saya boleh menggelungkan sifat objek?
- Anda boleh menggunakan a for...in gelung atau Object.keys() dengan forEach().
- Apakah perbezaan antara Object.keys() dan Object.values()?
- Object.keys() mengembalikan pelbagai nama harta, manakala Object.values() mengembalikan tatasusunan nilai harta.
- Bagaimanakah saya boleh mendapatkan kedua-dua kunci dan nilai objek?
- guna Object.entries() untuk mendapatkan tatasusunan pasangan [kunci, nilai], kemudian lelaran dengan for...of.
- Bolehkah saya mengulangi sifat yang tidak boleh dikira?
- Ya, gunakan Object.getOwnPropertyNames() atau Reflect.ownKeys() untuk memasukkan harta yang tidak terhitung.
- Bagaimanakah saya boleh menyemak sama ada sesuatu harta itu adalah hak milik objek itu sendiri?
- guna hasOwnProperty() dalam satu gelung untuk memastikan harta itu tidak diwarisi.
- Bagaimanakah saya boleh melelakan simbol objek?
- guna Object.getOwnPropertySymbols() untuk mendapatkan pelbagai sifat simbol.
- Apakah kaedah terbaik untuk mengulangi sifat objek?
- Ia bergantung kepada keperluan anda. guna for...in untuk kesederhanaan, Object.keys() untuk nama harta tertentu, dan Object.entries() untuk kedua-dua kunci dan nilai.
Membungkus Lelaran Objek JavaScript
Mengulangi objek JavaScript dengan cekap memerlukan pemahaman kaedah yang berbeza dan kes penggunaannya yang sesuai. Dari sederhana for...in gelung kepada teknik yang lebih maju menggunakan Object.entries() dan Reflect.ownKeys(), setiap pendekatan ada kelebihannya. Menguasai kaedah ini akan meningkatkan keupayaan anda untuk mengendalikan pelbagai senario pengaturcaraan, memastikan anda boleh mengurus dan memanipulasi sifat objek dengan berkesan dalam aplikasi JavaScript anda.