JavaScript Destructurer un tableau


Exemple

6

Un tableau peut être déstructuré lorsqu'il est affecté à une nouvelle variable.

const triangle = [3, 4, 5];
const [length, height, hypotenuse] = triangle;

length === 3;     // → true
height === 4;     // → true
hypotneuse === 5; // → true

Les éléments peuvent être ignorés

const [,b,,c] = [1, 2, 3, 4];

console.log(b, c); // → 2, 4

L'opérateur de repos peut aussi être utilisé

const [b,c, ...xs] = [2, 3, 4, 5];
console.log(b, c, xs); // → 2, 3, [4, 5]

Un tableau peut également être déstructuré s'il s'agit d'un argument pour une fonction.

function area([length, height]) {
  return (length * height) / 2;
}

const triangle = [3, 4, 5];

area(triangle); // → 6

Notez que le troisième argument n'est pas nommé dans la fonction car il n'est pas nécessaire.

En savoir plus sur la syntaxe de déstructuration.