L’affectation par décomposition (destructuring en anglais) est une expression permettant d’extraire les données d’un objet ou d’un tableau avec une syntaxe particulière, prenant la forme de l’objet ou du tableau.
const date = { jour: "27", mois: "Juillet", annee: "2022" }
const { jour, annee } = date
console.log(jour, annee) // 27 2022
const moyennes = [25, 40, 27, 14]
const [a, , b] = moyennes
console.log(a, b) // 25 27
Pendant une décomposition, il arrive qu’il faille attribuer des valeurs par défaut, la syntaxe est la suivante:
const { prenom = "Fanta", nom } = { nom: "Diallo" }
console.log(prenom, nom) // Fanta Diallo
const [a, b, c = 5] = [1, 2]
console.log(a, b, c) // 1 2 5
Important: La valeur par défaut est utilisée seulement lorsque la valeur originale est undefined.
const { prenom = "Fanta", nom } = { prenom: null, nom: "Diallo" }
console.log(prenom, nom) // null Diallo
const { prenom = "Fanta", nom } = { prenom: undefined, nom: "Diallo" }
console.log(prenom, nom) // Fanta Diallo
Kpoa founoufa
