Déstructuration de Tableaux
Fait partie de la section Logique & Flux du Journey JavaScript de Coddy. Leçon 47 sur 65.
La déstructuration de tableau est un moyen pratique d’extraire plusieurs valeurs d’un tableau et de les affecter à des variables dans une seule instruction. Elle utilise une syntaxe qui reflète la structure d’un littéral de tableau.
Syntaxe de base :
const [a, b, c] = [1, 2, 3];
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3Vous pouvez ignorer des éléments :
const [a, , c] = [1, 2, 3];
console.log(a); // 1
console.log(c); // 3Vous pouvez utiliser les paramètres rest pour capturer les éléments restants :
const [a, ...rest] = [1, 2, 3, 4, 5];
console.log(a); // 1
console.log(rest); // [2, 3, 4, 5]Vous pouvez fournir des valeurs par défaut :
const [a, b, c = 3] = [1, 2];
console.log(c); // 3
Défi
FacileCréez une fonction appelée analyzeArray qui prend un tableau comme argument. La fonction doit utiliser la déstructuration de tableau pour extraire le premier, le deuxième et le dernier élément du tableau. Elle doit renvoyer un objet avec les propriétés suivantes :
first: Le premier élément du tableausecond: Le deuxième élément du tableaulast: Le dernier élément parmi ceux qui viennent après le deuxième (nulllorsque le tableau contient deux éléments ou moins)restLength: Le nombre d’éléments situés entre le deuxième etlast(le tableau...restaveclastretiré)
Si l’un de ces éléments n’existe pas, utilisez la valeur par défaut null. Exemple : pour [1, 2, 3, 4, 5], le résultat est { first: 1, second: 2, last: 5, restLength: 2 } ; pour [42], il s’agit de { first: 42, second: null, last: null, restLength: 0 }.
Essayez vous-même
function analyzeArray(arr) {
// Écrivez votre code ici
}
Testez-vousCette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.
Toutes les leçons de Logique & Flux
1Les chaînes de caractères en profondeur
Fondamentaux des chaînesParcourir les chaînesTemplate LiteralsMéthodes des chaînesRécapitulatif - String Weaver4JSON Partie 2
Itérer sur du JSONJSON imbriquéChaînage optionnel JSONCopie superficielle et profondeRécapitulatif - Magasin de vélosRécapitulatif - Système solaire7Système de gestion de bibliothèque
Présentation du projetAjouter des livres
Recherche par titreFiltrer par genreMarquer comme lu2Tableaux multidimensionnels
Bases des tableaux 2DAccès aux éléments d'un tableau 2DBoucles imbriquées et tableaux 2DRécapitulatif - Tableaux 2DAddition et soustraction de matricesTableaux irréguliers (Jagged Arrays)Tableaux 3D et au-delàModèles courants de tableaux 2DRécapitulatif - Tout sur les tableaux5Les Ensembles - Partie 1
Qu'est-ce qu'un ensemble ?Parcourir les ensemblesAjouter un élémentSupprimer un élémentVérifier si un élément existeTaille et Est videCopier et EffacerRécapitulatif - Les bases des ensembles8Tableaux : Sujets avancés
Déstructuration de TableauxSyntaxe Spread dans les TableauxTableaux creuxRécapitulatif - Atelier sur les Tableaux3JSON Partie 1
Qu'est-ce qu'un JSON ?Vérifier si une clé existeMéthodes d'objetL'opérateur Spread Partie 1L'opérateur Spread Partie 2Supprimer des clésRécapitulatif - Manipuler les clés JSONEntraînez-vous par vous-même : Compilateur JavaScript en ligne