Destructuration d'objets et de tableaux en JavaScript

Apprenez à utiliser la syntaxe de déstructuration pour travailler avec des tableaux et des objets en JavaScript

Étant donné un objet, en utilisant la syntaxe de déstructuration, vous pouvez extraire juste quelques valeurs et les mettre dans des variables nommées:

const person = {
  firstName: 'Tom',
  lastName: 'Cruise',
  actor: true,
  age: 54 //made up
}

const { firstName: name, age } = person //name: Tom, age: 54

nameetagecontiennent les valeurs souhaitées.

La syntaxe fonctionne également sur les tableaux:

const a = [1, 2, 3, 4, 5]
const [first, second] = a

Cette instruction crée 3 nouvelles variables en récupérant les éléments d'index 0, 1, 4 du tableaua:

const [first, second, , , fifth] = a

Téléchargez mon gratuitManuel du débutant JavaScript


Plus de tutoriels js: