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.