Sesekali, Anda mungkin perlu mengulang Objek dalam JavaScript. Satu-satunya cara untuk melakukannya sebelum ES6 adalah dengan loop for...in
Masalah dengan for...in_ loop adalah bahwa loop ini berulang melalui properti dalam rantai Prototipe. Saat Anda mengulang objek dengan loop for...in, Anda perlu memeriksa apakah properti itu milik objek. Anda dapat melakukan ini dengan hasOwnProperty
for (var property in object) { if (object.hasOwnProperty(property)) { // Do things here } }Kami tidak lagi harus bergantung pada ________ 20 _______ dan _______ 23 _______ sekarang. Ada cara yang lebih baik
Cara yang lebih baik untuk mengulang objek
Cara yang lebih baik untuk mengulang melalui objek adalah pertama-tama mengubah objek menjadi array. Kemudian, Anda mengulang melalui array
Anda dapat mengonversi objek menjadi array dengan tiga metode
- const fruits = { apple: 28, orange: 17, pear: 54, } const keys = Object.keys(fruits) console.log(keys) // [apple, orange, pear] _2
- const fruits = { apple: 28, orange: 17, pear: 54, } const keys = Object.keys(fruits) console.log(keys) // [apple, orange, pear] _3
- const fruits = { apple: 28, orange: 17, pear: 54, } const keys = Object.keys(fruits) console.log(keys) // [apple, orange, pear] _4
Obyek. kunci
const fruits = { apple: 28, orange: 17, pear: 54, } const keys = Object.keys(fruits) console.log(keys) // [apple, orange, pear] _2 membuat larik yang berisi properti objek. Ini sebuah contoh
const fruits = { apple: 28, orange: 17, pear: 54, } const keys = Object.keys(fruits) console.log(keys) // [apple, orange, pear] _Obyek. nilai-nilai
const fruits = { apple: 28, orange: 17, pear: 54, } const keys = Object.keys(fruits) console.log(keys) // [apple, orange, pear] _3 membuat larik yang berisi nilai setiap properti dalam objek. Ini sebuah contoh
const fruits = { apple: 28, orange: 17, pear: 54, } const values = Object.values(fruits) console.log(values) // [28, 17, 54]Obyek. entri
const fruits = { apple: 28, orange: 17, pear: 54, } const keys = Object.keys(fruits) console.log(keys) // [apple, orange, pear] _4 membuat array dari array. Setiap larik dalam memiliki dua item. Item pertama adalah properti;
Ini sebuah contoh
const fruits = { apple: 28, orange: 17, pear: 54, } const entries = Object.entries(fruits) console.log(entries) // [ // [apple, 28], // [orange, 17], // [pear, 54] // ] _Favorit saya dari ketiganya adalah const fruits = { apple: 28, orange: 17, pear: 54, } const keys = Object.keys(fruits) console.log(keys) // [apple, orange, pear] _4 karena Anda mendapatkan nilai kunci dan properti
Mengulangi array
Setelah Anda mengonversi objek menjadi array dengan const fruits = { apple: 28, orange: 17, pear: 54, } const keys = Object.keys(fruits) console.log(keys) // [apple, orange, pear] 2, const fruits = { apple: 28, orange: 17, pear: 54, } const keys = Object.keys(fruits) console.log(keys) // [apple, orange, pear] 3, atau const fruits = { apple: 28, orange: 17, pear: 54, } const keys = Object.keys(fruits) console.log(keys) // [apple, orange, pear] 4, Anda dapat mengulanginya seolah-olah itu adalah array normal
// Looping through arrays created from Object.keys const keys = Object.keys(fruits) for (const key of keys) { console.log(key) } // Results: // apple // orange // pearJika Anda menggunakan const fruits = { apple: 28, orange: 17, pear: 54, } const keys = Object.keys(fruits) console.log(keys) // [apple, orange, pear] 4 Anda mungkin ingin merusak array menjadi kunci dan propertinya
Membungkus
Cara yang lebih baik untuk mengulang objek adalah pertama-tama mengubahnya menjadi array dengan salah satu dari tiga metode ini
- const fruits = { apple: 28, orange: 17, pear: 54, } const keys = Object.keys(fruits) console.log(keys) // [apple, orange, pear] _2
- const fruits = { apple: 28, orange: 17, pear: 54, } const keys = Object.keys(fruits) console.log(keys) // [apple, orange, pear] _3
- const fruits = { apple: 28, orange: 17, pear: 54, } const keys = Object.keys(fruits) console.log(keys) // [apple, orange, pear] _4
Kemudian, Anda mengulang hasil seperti array normal
Jika pelajaran ini telah membantu Anda, selamat menikmati Belajar JavaScript, di mana Anda akan mempelajari cara membuat apa pun yang Anda inginkan dari awal. Pendaftaran Learn JavaScript dibuka pada Juli 2018 (dalam dua minggu. )
Jika Anda menikmati artikel ini, dukung saya dengan membagikan artikel ini ke Twitter atau membelikan saya kopi 😉. Jika Anda menemukan kesalahan ketik, saya akan menghargai jika Anda dapat memperbaikinya di GitHub. Terima kasih