Les tableaux en JavaScript

Introduction

Les tableaux sont des structures de données fondamentales en JavaScript, utilisées pour stocker des collections d'éléments. Dans cet article, nous allons explorer la manipulation et l'utilisation des tableaux, en nous concentrant sur des méthodes puissantes telles que map, reduce, filter et d'autres encore.

Qu'est-ce qu'un tableau ?
- Création d'un tableau
Méthodes courantes des tableaux
Manipulation des tableaux

Qu'est-ce qu'un tableau ?

En JavaScript, un tableau est une liste ordonnée d'éléments. Chaque élément d'un tableau possède un indice, en commençant par zéro.

Création d'un tableau

let fruits = ['Pomme', 'Banane', 'Orange'];

Méthodes courantes des tableaux

Les tableaux en JavaScript sont fournis avec une variété de méthodes utiles pour la manipulation des données.

map()

La méthode map() crée un nouveau tableau avec les résultats de l'appel d'une fonction pour chaque élément du tableau.

let nombres = [1, 2, 3, 4, 5];
let carres = nombres.map((num) => num * num);

filter()

filter() crée un nouveau tableau avec tous les éléments qui passent le test implémenté par la fonction fournie.

let nombresSuperieursADeux = nombres.filter((num) => num > 2);

reduce()

La méthode reduce() exécute une fonction réductrice sur chaque élément du tableau, produisant une valeur de retour unique.

let somme = nombres.reduce(
  (total, valeurActuelle) => total + valeurActuelle,
  0
);

forEach()

forEach() exécute une fonction fournie une fois pour chaque élément du tableau.

fruits.forEach((fruit) => console.log(fruit));

find() et findIndex()

find() renvoie la valeur du premier élément du tableau qui satisfait la fonction de test.
findIndex() renvoie l'indice du premier élément qui satisfait la fonction de test.

let premierGrandFruit = fruits.find((fruit) => fruit.length > 5);
let indiceBanane = fruits.findIndex((fruit) => fruit === 'Banane');

Manipulation des tableaux

En plus des méthodes ci-dessus, il existe plusieurs autres façons de manipuler les tableaux.

Ajouter et supprimer des éléments

push() ajoute un ou plusieurs éléments à la fin du tableau.
pop() supprime le dernier élément d'un tableau.

fruits.push('Mangue');
let dernierFruit = fruits.pop();

Concaténer des tableaux

La méthode concat() réunit deux tableaux ou plus.

let legumes = ['Carotte', 'Pomme de terre'];
let nourriture = fruits.concat(legumes);

Opérateur Spread sur les tableaux

L'opérateur spread (...) permet de développer les éléments d'un tableau dans des endroits où plusieurs arguments ou éléments sont attendus.

let fruitsSpeciaux = ['Fraise', ...fruits, 'Kiwi'];

Conclusion

Les tableaux sont incroyablement polyvalents et constituent une partie essentielle de la programmation en JavaScript. Maîtriser des méthodes telles que map, reduce, filter, entre autres, permet de manipuler et de gérer les données de manière efficace. Comprendre et appliquer ces concepts et techniques améliorera considérablement vos compétences en programmation JavaScript.