Méthodes de tableaux, Partie 4

Fait partie de la section Fondamentaux du Journey JavaScript de Coddy — leçon 69 sur 77.

Voici encore plus de méthodes de tableau utiles :

1. map(callback) : Crée un nouveau tableau contenant les résultats de l'appel d'une fonction fournie sur chaque élément du tableau d'origine.

let numbers = [1, 2, 3];
let doubled = numbers.map(num => num * 2);
console.log(doubled); // Résultat : [2, 4, 6]

2. filter(callback) : Crée un nouveau tableau avec tous les éléments qui réussissent le test implémenté par la fonction fournie.

let numbers = [1, 2, 3, 4, 5];
let evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // Résultat : [2, 4]

3. reduce(callback, initialValue) : Exécute une fonction de réduction sur chaque élément du tableau, aboutissant à une valeur de sortie unique.

let numbers = [1, 2, 3, 4];
let sum = numbers.reduce((acc, num) => acc + num, 0);
console.log(sum); // Résultat : 10

Défi

Facile

On vous donne un tableau numbers = [1, 2, 3, 4, 5]. Effectuez les étapes suivantes et affichez directement les résultats :

Utilisez map() pour créer un nouveau tableau où chaque nombre est multiplié par 3, et affichez le résultat.
Utilisez filter() pour créer un nouveau tableau qui inclut uniquement les nombres supérieurs à 3, et affichez le résultat.

Aide-mémoire

Méthodes de tableau pour transformer et filtrer les données :

map(callback) : Crée un nouveau tableau en appliquant une fonction à chaque élément :

let numbers = [1, 2, 3];
let doubled = numbers.map(num => num * 2);
console.log(doubled); // Résultat : [2, 4, 6]

filter(callback) : Crée un nouveau tableau avec les éléments qui réussissent un test :

let numbers = [1, 2, 3, 4, 5];
let evenNumbers = numbers.filter(num => num % 2 === 0);
console.log(evenNumbers); // Résultat : [2, 4]

reduce(callback, initialValue) : Réduit un tableau à une seule valeur :

let numbers = [1, 2, 3, 4];
let sum = numbers.reduce((acc, num) => acc + num, 0);
console.log(sum); // Résultat : 10

Essayez vous-même

let numbers = [1, 2, 3, 4, 5];

Testez-vous

Cette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.

1Introduction

4Opérateurs Partie 2

7Calculateur de partage d'addition

10FizzBuzz avec une variante

13Suivi de liste de courses