92. Décomposition (ES6)

L'assignation par décomposition (destructuring) est une syntaxe puissante qui vous permet d'extraire des valeurs de tableaux ou des propriétés d'objets dans des variables distinctes de manière concise.

1. Décomposition d'objet

Extrait des propriétés basées sur le nom de leur clé.

javascript const user = { username: 'maximus', id: 45, email: 'm@dev.com' };

// Au lieu de : // const username = user.username; // const email = user.email;

// Décomposition : const { username, email } = user; console.log(username); // maximus console.log(email); // m@dev.com

// Vous pouvez aussi renommer les variables pendant la décomposition : const { username: accountName, id } = user; console.log(accountName); // maximus

2. Décomposition de tableau

Extrait des éléments basés sur leur position/index.

javascript const rgb = [255, 0, 100];

// Les variables sont associées par position const [red, green, blue] = rgb; console.log(green); // 0

// Vous pouvez sauter des éléments avec une virgule const [first, , third] = [1, 2, 3]; console.log(third); // 3