Introduction


Quand on souhaite logger plusieurs variables, il est parfois difficile d’identifier la variable correspondant au log.


Prenons l’exemple ci-dessous :

function min(a, b) {
 console.log(b);
 return Math.min(a, b);
}

min(1, 0); // 0
min(14, 5); // 5


Solution n°1


Pour identifier la variable de façon plus claire, nous pourrions écrire ceci : 

console.log('b: ', b);


Résultat :

b: 0
b: 5


Solution n°2


Nous pouvons également utiliser cette syntaxe :

console.log({ b });


Résultat :

{ b: 0 }
{ b: 5 }


En englobant la variable entre accolades, nous créons un objet. Nous utilisons ici une syntaxe ES6 : si la variable est nommée de la même façon que la propriété de l’objet, il n’est pas nécessaire de répéter l’information.


Par exemple :

const firstName = 'John';
const user = {
	firstName: firstName,
};


Peut être raccourci de la façon suivante :

const firstName = 'John';
const user = {
	firstName,
};


En résumé, quand on logge une variable ainsi : console.log({ maVariable }), on utilise la syntaxe de création d’objet “raccourcie” et la variable est loggée sous forme d’objet.