Destructuring

L’affectation par décomposition consiste à créer de nouvelles de variables à partir des propriétés dans un objet ou des éléments contenus dans un tableau.

Il s’agit d’une extraction qui rend le code plus facile à lire et à maintenir en rendant les changements plus faciles à effectuer.

Destructuring simple d’un objet

const monObjet = { a: 2, b: 4} 
const { a } = monObjet 
console.log(a)
// 3 la variable a prend ici la valeur de la propriété a dans l'objet

Destructuring d’un tableau

const nombres = [1, 2, 3, 4, 5];

const [premier, second, ...reste] = nombre;

console.log(premier); // 1
console.log(second); // 2
console.log(reste); // [3, 4, 5]

Destructuring d’un objet et d’un tableau

const user = {
  name: "Jean",
  email: "jean@example.com",
  friends: ["Cécile", "Alice", "Yves"]
};

const { name, age, email, ...friends } = user;

console.log(name); // "Jean"
console.log(email); // "jean@example.com"
console.log(friends); // ["Cécile", "Alice", "Yves"]