Tableaux et boucles

Un tableau (ou array) est une structure de données qui permet de stocker une liste de valeurs :

const animaux = ["chat", "chien", "lapin", "hamster"]

On peut accéder à chaque valeur du tableau en utilisant son index, qui commence à 0.

Les éléments d’un tableau peuvent être de n’importe quel type : string, nombre… et même un autre tableau ! Tu pourrais utiliser cela pour stocker des cooordonnées, par exemple :

Ici, tu as dû écrire deux fois l’instruction console.log(), pour les deux éléments du tableau. Si tu avais dû le faire pour une vingtaine d’éléments, cela aurait été un peu répétitif, n’est-ce pas ? Souvent, les tableaux contiennent beaucoup d’éléments, et on veut effectuer la même action sur chacun d’entre eux. C’est là qu’interviennent les boucles.

La boucle map

La méthode map() parcourt le tableau, applique une fonction à chaque élément, et renvoie un nouveau tableau contenant les résultats.

const ingredients = ["tomate", "carotte", "salade"]
const cutIngredients = ingredients.map((ingredient) => {
  return ingredient + " coupée"
})
console.log(cutIngredients)

Les tableaux ont d’autres méthodes utiles, comme .filter() qui permet de filtrer les éléments du tableau selon un critère, et .join() qui permet de les combiner tous les éléments en un seul texte.

Il existe également la méthode .forEach(), qui parcourt le tableau et exécute une fonction pour chaque élément, mais ne renvoie pas de nouveau tableau. Elle est plus adaptée si tu veux juste effectuer une action sans créer de nouvelle liste.