Itérer sur des tableaux en JavaScript est une tâche fondamentale que les développeurs effectuent fréquemment. JavaScript fournit plusieurs méthodes pour parcourir les tableaux, notamment for, forEach(), map(), filter(), reduction() et for…of. Chaque méthode a ses cas d’utilisation, ses avantages et ses bonnes pratiques spécifiques. Ce guide explore ces différentes méthodes d'itération de tableaux, démontrant comment parcourir efficacement des tableaux pour manipuler et accéder à leurs éléments en JavaScript.

Il existe de nombreuses façons de parcourir un tableau en JavaScript :

Table des matières

• 1. Utilisation de la méthode console.log()
• 2. Utilisation de la boucle for
• 3. Utilisation de la boucle while
• 4. Utilisation de la méthode forEach()
• 5. Utilisation de la méthode Every()
• 6. Utilisation de la méthode map()
• 7. Utilisation de la méthode filter()
• 8. Utilisation de la méthode réduire()
• 9. Utilisation de la méthode some()
• 10. Utilisation de la méthode inputs()

1. Utilisation de la méthode console.log()

Exemple: Dans cet exemple, nous accéderons à des éléments de tableau simples en utilisant leur numéro d'index.

let array = ['geeks', '4', 'geeks']; // Accessing array elements one by one console.log(array[0]); console.log(array[1]); console.log(array[2]); 

geeks 4 geeks 

Il existe plusieurs façons de parcourir un tableau en JavaScript. Les plus utiles sont mentionnés ci-dessous.

2. Utilisation de la boucle for

Le pour la boucle exécute un ensemble d'instructions à plusieurs reprises jusqu'à ce que la condition donnée devienne fausse. C'est similaire aux boucles dans d'autres langages comme C/C++, Java, etc.

Exemple: Dans cet exemple, nous utilisons la boucle for pour l'itération d'un tableau.

let array = [1, 2, 3, 4, 5, 6]; for (let index = 0; index  < array.length; index++) {  console.log(array[index]); } 

1 2 3 4 5 6 

3. Utilisation de la boucle while

UN boucle while en JavaScript est une instruction de flux de contrôle qui permet au code d'être exécuté à plusieurs reprises en fonction de la condition booléenne donnée.

Exemple: Dans cet exemple, nous utilisons la boucle while pour l'itération d'un tableau.

let index = 0; let array = [1, 2, 3, 4, 5, 6]; while (index  < array.length) {  console.log(array[index]);  index++; } 

1 2 3 4 5 6 

4. Utilisation de la méthode forEach()

Le Méthode forEach() appelle la fonction fournie une fois pour chaque élément du tableau dans la commande.

Exemple: Dans cet exemple, nous utilisons la méthode forEach() pour itérer un tableau.

let index = 0; let array = [1, 2, 3, 4, 5, 6]; array.forEach(myFunction); function myFunction(item, index) {  console.log(item); } 

1 2 3 4 5 6 

5. Utilisation de la méthode Every()

Le Méthode Every() vérifie si tous les éléments d'un tableau réussissent un test (fourni en fonction).

Exemple: Dans cet exemple, nous utilisons la méthode each() pour itérer un tableau.

let x = 0; let array = [1, 2, 3, 4, 5, 6]; const under_five = x =>X < 5; if (array.every(under_five)) {  console.log('All are less than 5'); } else {  console.log('At least one element is not less than 5'); } 

At least one element is not less than 5 

6. Utilisation de la méthode map()

UN Méthode map() applique une fonction sur chaque élément puis renvoie le nouveau tableau.

Exemple: Dans cet exemple, nous utilisons la méthode map() pour itérer un tableau.

let x = 0; let array = [1, 2, 3, 4, 5, 6]; let square = x =>Math.pow(x, 2); carré = array.map(carré); console.log(array); console.log(carré); 

[ 1, 2, 3, 4, 5, 6 ] [ 1, 4, 9, 16, 25, 36 ] 

7. Utilisation de la méthode filter()

Méthode filter() est utilisé pour filtrer les valeurs d'un tableau et renvoyer le nouveau tableau filtré.

Exemple: Dans cet exemple, nous utilisons la méthode filter() pour itérer un tableau.

let array = [1, 2, 3, 4, 5, 6]; let even = x =>x % 2 === 0 ; let evens = array.filter(even); console.log(array); console.log(evens); 

[ 1, 2, 3, 4, 5, 6 ] [ 2, 4, 6 ] 

8. Utilisation de la méthode réduire()

Méthode réduire() est utilisé pour réduire le tableau en une seule valeur en utilisant une logique fonctionnelle.

Exemple: Dans cet exemple, nous utilisons la méthode réduire() pour itérer un tableau.

let array = [1, 2, 3, 4, 5, 6]; const helperSum = (acc, curr) =>acc + courant ; const sum = array.reduce(helperSum, 0); console.log(array) console.log(somme); 

[ 1, 2, 3, 4, 5, 6 ] 21 

9. Utilisation de la méthode some()

méthode some() est utilisé pour vérifier si certaines valeurs du tableau réussissent un test.

Exemple: Dans cet exemple, nous utilisons la méthode some() pour itérer un tableau.

let array = [1, 2, 3, 4, 5, 6]; const lessthanFourCheck = (element) =>élément < 4; const lessthanFour = array.some(lessthanFourCheck); console.log(array); if (lessthanFour) {  console.log('At least one element is less than 4') } else {  console.log('All elements are greater than 4 ') } 

[ 1, 2, 3, 4, 5, 6 ] At least one element is less than 4 

10. Utilisation de la méthode inputs()

La méthode Entry() renvoie un nouvel objet Array Iterator qui contient les paires clé/valeur pour chaque index du tableau. Ceci peut être utilisé pour accéder à la fois à l’index et à la valeur de chaque élément.

Exemple: Dans cet exemple, nous utilisons la méthode inputs() pour itérer un tableau.

let array = [1, 2, 3, 4, 5, 6]; for (let [index, value] of array.entries()) {  console.log(index, value); } 

0 1 1 2 2 3 3 4 4 5 5 6