Introduction


It's sometimes hard to debug with many logs at the same time.


Let's take an example:



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

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




Solution 1


In order to clearly identify the variable, we could write this:



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


Result:



b: 0
b: 5




Solution 2


We could also use this syntax:



console.log({ b });


Result :



{ b: 0 }
{ b: 5 }


By using curly brackets, we create an object. We use here an ES6 syntax: if the variable and the object property have the same name, it becomes unnecessary to repeat the information.


For instance:



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


Can be shortened as follow:



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


To sum up, when we log a variable like: console.log({ myVariable }), we use the object property shortand syntax, and the variable is logged as an object.



--------------------------------------------------------------------------------------------------------------------------------------------------------

----------------------------------------------------------------- Version française ---------------------------------------------------------------

--------------------------------------------------------------------------------------------------------------------------------------------------------



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.

"