Bagaimana cara mengulang objek objek dalam javascript?

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

1. const fruits = {
     apple: 28,
     orange: 17,
     pear: 54,
   }
   
   const keys = Object.keys(fruits)
   console.log(keys) // [apple, orange, pear]
   

   _2

2. const fruits = {
     apple: 28,
     orange: 17,
     pear: 54,
   }
   
   const keys = Object.keys(fruits)
   console.log(keys) // [apple, orange, pear]
   

   _3

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]

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]

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]

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]

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]

const fruits = {
  apple: 28,
  orange: 17,
  pear: 54,
}

const keys = Object.keys(fruits)
console.log(keys) // [apple, orange, pear]

const fruits = {
  apple: 28,
  orange: 17,
  pear: 54,
}

const keys = Object.keys(fruits)
console.log(keys) // [apple, orange, pear]

// Looping through arrays created from Object.keys
const keys = Object.keys(fruits)
for (const key of keys) {
  console.log(key)
}

// Results:
// apple
// orange
// pear

Jika Anda menggunakan

const fruits = {
  apple: 28,
  orange: 17,
  pear: 54,
}

const keys = Object.keys(fruits)
console.log(keys) // [apple, orange, pear]

for (const [fruit, count] of entries) {
  console.log(`There are ${count} ${fruit}s`)
}

// Result
// There are 28 apples
// There are 17 oranges
// There are 54 pears

Membungkus

Cara yang lebih baik untuk mengulang objek adalah pertama-tama mengubahnya menjadi array dengan salah satu dari tiga metode ini

1. const fruits = {
     apple: 28,
     orange: 17,
     pear: 54,
   }
   
   const keys = Object.keys(fruits)
   console.log(keys) // [apple, orange, pear]
   

   _2

2. const fruits = {
     apple: 28,
     orange: 17,
     pear: 54,
   }
   
   const keys = Object.keys(fruits)
   console.log(keys) // [apple, orange, pear]
   

   _3

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

Bisakah Anda mengulang melalui objek JavaScript?

Bagaimana cara mengulang properti objek dalam JavaScript?

Bagaimana Anda akan mengulang array objek ini dalam JavaScript?

Bagaimana cara mengulangi setiap kunci objek dalam JavaScript?