Comment parcourir les propriétés d'objet en JavaScript

Voici une tâche très courante: itérer sur les propriétés d'un objet, en JavaScript

Si vous avez un objet, vous ne pouvez pas simplement l'itérer en utilisantmap(),forEach()ou unfor..ofboucle.

Vous obtiendrez des erreurs:

const items = {
  'first': new Date(),
  'second': 2,
  'third': 'test'
}

map()te donneraTypeError: items.map is not a function:

items.map(item => {})

forEach()te donneraTypeError: items.forEach is not a function:

items.forEach(item => {})

for..ofte donneraTypeError: items is not iterable:

for (const item of items) {}

Alors, que pouvez-vous faire pour itérer?

for..inest un moyen plus simple:

for (const item in items) {
  console.log(item)
}

Vous pouvez également appelerObject.entries()pour générer un tableau avec toutes ses propriétés énumérables, et bouclez-le en utilisant l'une des méthodes ci-dessus:

Object.entries(items).map(item => {
  console.log(item)
})

Object.entries(items).forEach(item => { console.log(item) })

for (const item of Object.entries(items)) { console.log(item) }

Téléchargez mon gratuitManuel du débutant JavaScript


Plus de tutoriels js: