Méthodes de tableaux, Partie 3

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

Voici quelques autres méthodes de tableau utiles :

1. concat(): Combine deux tableaux ou plus et retourne un nouveau tableau, sans modifier les tableaux originaux.

let arr1 = [1, 2];
let arr2 = [3, 4];
let combined = arr1.concat(arr2);
console.log(combined); // Résultat : [1, 2, 3, 4]

2. join(separator): Joint tous les éléments d'un tableau en une chaîne de caractères, séparés par le séparateur spécifié (optionnel).

let fruits = ["apple", "banana", "orange"];
let joined = fruits.join(", ");
console.log(joined); // Résultat: "apple, banana, orange"

3. slice(start, end): Extrait une section d'un tableau et renvoie un nouveau tableau. L'index start est inclusif, et l'index end est exclusif.

let numbers = [1, 2, 3, 4, 5];
let sliced = numbers.slice(1, 4);
console.log(sliced); // Résultat: [2, 3, 4]

4. splice(start, deleteCount, item1, item2, ...): Modifie le contenu d'un tableau en retirant, remplaçant ou ajoutant des éléments. Elle modifie le tableau d'origine et renvoie un tableau contenant les éléments supprimés (le cas échéant).

let numbers = [1, 2, 3, 4, 5];
let removed = numbers.splice(2, 2, 6, 7);
console.log(numbers); // Résultat : [1, 2, 6, 7, 5]
console.log(removed); // Résultat : [3, 4]

5. split(separator, limit) : Divise une chaîne de caractères en un tableau de sous-chaînes en fonction du séparateur spécifié. La chaîne d'origine n'est pas modifiée. Le paramètre optionnel limit contrôle le nombre maximum de divisions.

let text = "apple,banana,orange";
let result = text.split(",");
console.log(result); 
// Sortie : ["apple", "banana", "orange"]

let limited = text.split(",", 2);
console.log(limited);
// Sortie : ["apple", "banana"]

Défi

Facile

Vous disposez d'un tableau numbers = [1, 2, 3, 4, 5]. Effectuez les étapes suivantes et affichez les résultats directement :

Utilisez concat() pour ajouter [6, 7, 8] à la fin du tableau et affichez le résultat.
Utilisez join() pour convertir le résultat de concat() en une chaîne de caractères séparée par des virgules et affichez-la.
Utilisez slice() pour extraire les trois premiers éléments du tableau numbers d'origine et affichez-les.
Utilisez splice() pour remplacer le deuxième élément de numbers par 99 et affichez le tableau numbers modifié.

Aide-mémoire

Méthodes de tableau pour la manipulation et l'extraction :

concat() : Combine des tableaux sans modifier les originaux

let arr1 = [1, 2];
let arr2 = [3, 4];
let combined = arr1.concat(arr2);
console.log(combined); // Résultat : [1, 2, 3, 4]

join(separator) : Joint les éléments d'un tableau en une chaîne de caractères

let fruits = ["apple", "banana", "orange"];
let joined = fruits.join(", ");
console.log(joined); // Résultat : "apple, banana, orange"

slice(start, end) : Extrait une section d'un tableau (début inclus, fin exclue)

let numbers = [1, 2, 3, 4, 5];
let sliced = numbers.slice(1, 4);
console.log(sliced); // Résultat : [2, 3, 4]

splice(start, deleteCount, item1, item2, ...) : Modifie le tableau d'origine en supprimant/remplaçant/ajoutant des éléments

let numbers = [1, 2, 3, 4, 5];
let removed = numbers.splice(2, 2, 6, 7);
console.log(numbers); // Résultat : [1, 2, 6, 7, 5]
console.log(removed); // Résultat : [3, 4]

split(separator, limit) : Divise une chaîne de caractères en un tableau de sous-chaînes

let text = "apple,banana,orange";
let result = text.split(",");
console.log(result); // Résultat : ["apple", "banana", "orange"]

let limited = text.split(",", 2);
console.log(limited); // Résultat : ["apple", "banana"]

Essayez vous-même