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 renvoie un nouveau tableau, sans modifier les tableaux d’origine.
let arr1 = [1, 2];
let arr2 = [3, 4];
let combined = arr1.concat(arr2);
console.log(combined); // Sortie : [1, 2, 3, 4]2. join(separator) : Assemble tous les éléments d’un tableau en une chaîne, séparés par le séparateur indiqué (facultatif).
let fruits = ["apple", "banana", "orange"];
let joined = fruits.join(", ");
console.log(joined); // Sortie : "apple, banana, orange"3. slice(start, end) : extrait une partie 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 supprimant, en remplaçant ou en ajoutant des éléments. Cette méthode 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 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 facultatif limit définit le nombre maximal d’éléments dans le tableau renvoyé, et le reste de la chaîne est omis.
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
FacileOn te donne un tableau numbers = [1, 2, 3, 4, 5]. Effectue les étapes suivantes et affiche directement les résultats :
- Utilise
concat()pour ajouter[6, 7, 8]à la fin du tableau et affiche le résultat. - Utilise
join()pour convertir le résultat deconcat()en une chaîne séparée par des virgules et affiche-la. - Utilise
slice()pour extraire les trois premiers éléments du tableaunumbersd’origine et affiche-les. - Utilise
splice()pour remplacer le deuxième élément denumberspar99et affiche le tableaunumbersmodifié.
Essayez vous-même
let numbers = [1, 2, 3, 4, 5];Cette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.
Toutes les leçons de Fondamentaux
4Opérateurs Partie 2
Opérateurs logiques Partie 1Opérateurs logiques Partie 2Récapitulatif - Logique simpleOpérateurs logiques Partie 3Coercion de type7Calculateur de partage d'addition
Message de bienvenueCalcul du pourboire et du total10FizzBuzz avec une variante
Présentation du jeuLa fonction FizzBuzz13Suivi de liste de courses
Présentation du projetAjouter un article2Variables
NombresChaînes de caractèresBooléensConventions de nommageVariables videsRécapitulatif - Initialiser des variablesConstantes5Prise de décision
L'instruction IfIf - ElseRécapitulatif - Calculatrice simpleIf - Else imbriquésL'instruction Switch8Boucles
Boucle ForBoucle WhileBreakContinueRécapitulatif - FactorielleBoucle Do WhileBoucles imbriquées3Opérateurs - Partie 1
Opérateurs arithmétiquesOpérateur moduloRaccourcis arithmétiquesOpérateurs de comparaisonÉgalité stricte vs faibleRécapitulatif - Mathématiques simples6Entrées/Sorties de base
SortieSortie avec des variablesConversion de type - Partie 1Conversion de type - Partie 2Récapitulatif - Jusqu'à 120Récapitulatif - Vrai ou Faux9Fonctions
Déclarer une fonctionArgumentsL'instruction returnRécapitulatif - Fonction SigmaExpression de fonctionParamètres par défautFonctions fléchéesRécapitulatif - Fonction de validation12Tableaux, Partie 2
Parcourir les tableauxLa méthode forEachBoucle for...ofRécapitulatif - Compteur PSlicing de tableauxMéthodes de tableaux, Partie 3Méthodes de tableaux, Partie 4Test d'appartenanceEntraînez-vous par vous-même : Compilateur JavaScript en ligne