Le Destructuring

Le Destructuring ou déballage

En Javascript , le Destructing consiste à

  1. ‘déballer’ ou récupérer les élements d’un tableau ou bien les propriétés d’un objet
  2. Assigner unitairement ces éléments à des variables distincts

Exemple

function DestructureIt(fct){
    //variable a and b are assigned with split result
    [a,b] = fct('a').trim().split('|')
    console.log(a,b)
}

//Call
DestructureIt(a => a)

Sortie

a undefined

Note : quand le séparateur n’existe pas, split() renvoie undefined.

On peut encore utiliser le Destructuring afin d’assigner à des variables, les propriétés d’un objet :

var objectJH= {lastname:'Jimi', firstname:'Hendrix'}
var {lastname,firstname} = monObject
console.log(`${lastname} ${firstname}`)
Note: A condition que ces variables portent le même nom que les propriétés qui les assignent.
Si on veut attribuer un autre nom de variable on fait suivre le nom de la propriété de “:” et on indique le nouveau nom de variable (par exemple ltname et ftname) :
 
var objectJH= {lastname:'Jimi', firstname:'Hendrix'} 
var {lastname: ltname,firstname: ftname} = monObject 
console.log(`${ltname} ${ftname}`) 

Sortie

 Jimi Hendrix 

Leave a Reply

Your email address will not be published. Required fields are marked *