Déstructuration de Tableaux
Fait partie de la section Logique & Flux du Journey JavaScript de Coddy — leçon 47 sur 65.
La décomposition de tableaux est un moyen pratique d'extraire plusieurs valeurs d'un tableau et de les affecter à des variables en 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 de reste 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 en 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 retourner 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 du tableaurestLength: Le nombre d'éléments restants dans le tableau
Si l'un de ces éléments n'existe pas, utilisez des valeurs par défaut de null.
Aide-mémoire
La décomposition de tableau extrait plusieurs valeurs d'un tableau et les affecte à des variables en une seule instruction :
const [a, b, c] = [1, 2, 3];
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3Ignorez des éléments en laissant des espaces vides :
const [a, , c] = [1, 2, 3];
console.log(a); // 1
console.log(c); // 3Utilisez les paramètres de reste 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]Fournissez des valeurs par défaut pour les éléments manquants :
const [a, b, c = 3] = [1, 2];
console.log(c); // 3Essayez 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 JSON