JavaScript

Manipulation des tableaux

En JavaScript, les tableaux (ou arrays) sont des structures de données couramment utilisées, et le langage propose un grand nombre de méthodes pour les manipuler. Voici quelques-unes des plus courantes.

forEach()

La méthode forEach() permet d'exécuter une fonction donnée sur chaque élément du tableau.

const array1 = ['a', 'b', 'c'];

array1.forEach(element => console.log(element));

// Expected output: "a"
// Expected output: "b"
// Expected output: "c"

map()

La méthode map parcourt chaque élément d'un tableau et renvoie un nouveau tableau contenant les résultats de l'appel de la fonction de rappel sur chaque élément. Il le fait sans muter le tableau d'origine.

const users = [
  { name: 'John', age: 34 },
  { name: 'Amy', age: 20 },
  { name: 'camperCat', age: 10 }
];

const names = users.map(user => user.name);

filter()

filter appelle une fonction sur chaque élément d'un tableau et renvoie un nouveau tableau contenant uniquement les éléments pour lesquels cette fonction renvoie une valeur vraie.

const users = [
  { name: 'John', age: 34 },
  { name: 'Amy', age: 20 },
  { name: 'camperCat', age: 10 }
];

const usersUnder30 = users.filter(user => user.age < 30);

slice()

La méthode slice renvoie une copie de certains éléments d'un tableau. Il peut prendre deux arguments, le premier donne l'index de l'endroit où commencer la tranche, le second est l'index de l'endroit où terminer la tranche (et il n'est pas inclusif).

const arr = ["Cat", "Dog", "Tiger", "Zebra"];
const newArray = arr.slice(1, 3);
// newArray : ["Dog", "Tiger"]

splice()

La méthode splice prend des arguments pour l'index indiquant où commencer à supprimer les éléments, puis le nombre d'éléments à supprimer. Si le deuxième argument n’est pas fourni, la valeur par défaut consiste à supprimer les éléments jusqu’à la fin.

⚠️ Attention, la méthode splice mute le tableau d'origine sur lequel elle est appelée.

const cities = ["Chicago", "Delhi", "Islamabad", "London", "Berlin"];
cities.splice(3, 1);
// cities : ["Chicago", "Delhi", "Islamabad", "Berlin"]

reduce()

La méthode reduce parcourt chaque élément d'un tableau et renvoie une valeur unique (c'est-à-dire une chaîne, un nombre, un objet, un tableau). Ceci est réalisé via une fonction de rappel qui est appelée à chaque itération.

const users = [
  { name: 'John', age: 34 },
  { name: 'Amy', age: 20 },
  { name: 'camperCat', age: 10 }
];

const sumOfAges = users.reduce((sum, user) => sum + user.age, 0);