Chaque objet a sa boucle : le privilège de l'objet JavaScript

FOR LOOP
for in / for of / for each / for what ?
It's looping time !

Pour un objet donné, il faut choisir sa méthode de for loop.

C'est-à-dire une façon de lire dans un objet afin de récupérer les propriétés de l'objet ainsi que ses valeurs.

Pour rappel :

Un objet (ou object) en JavaScript ressemble à :

Un tableau (ou array) en JavaScript ressemble à :

Questions

Que faire si l'objet est un object ?

ou

Que faire si l'objet est un array ?

Chacun sa méthode

Pour en savoir plus, ce CODEPEN a été fait pour tout expliquer.

Voici les 5 types de boucle FOR utilisés :

1. La boucle for in
2. La boucle for each : array.forEach()
3. La boucle for of
4. La boucle for avec incrémentation
5. La récursivité : la démonstration sera dans un autre article parce que ce n'est pas une boucle for par définition, mais une alternative pour faire comme une boucle for.

Des commentaires détaillés à chaque partie pour en savoir plus.

Des méthodes pour les objets ont été utilisées pour réaliser une boucle for dans toutes les situations.

Voici les méthodes pour générer un tableau à partir d'un objet :

1. Object.keys(object or array)
2. Object.values(object or array)
3. Object.entries(object or array)
4. Object.getOwnPropertyNames(object or array)

Ces méthodes permettent de récupérer en sortie un tableau (array) pour faciliter l'exploitation de données via les différents types de boucle for.

Le plus intéressant dans cette recherche :

1. Manipuler l'objet pour en extraire les informations souhaitées
2. Exploiter les propriétés et les valeurs

C'est tout pour le moment et c'est déjà bien