Lors du traçage des variables dans la console, comment créer une nouvelle ligne?

Vous devriez l'inclure dans les citations '\n' , voir ci-dessous,

 console.log('roleName = '+roleName+ '\n' + 'role_ID = '+role_ID+ '\n' + 'modal_ID = '+modal_ID+ '\n' + 'related = '+related); 

Dans ES6 / ES2015, vous pouvez utiliser la syntaxe littérale de chaîne appelée littéralité de modèle . Les chaînes de modèles utilisent le caractère de backtick au lieu de devis unique ou de citation double. Ils conservent également une nouvelle ligne et un nouvel onglet

 const roleName = 'test1'; const role_ID = 'test2'; const modal_ID = 'test3'; const related = 'test4'; console.log(` roleName = ${roleName} role_ID = ${role_ID} modal_ID = ${modal_ID} related = ${related} `); 

Facile, \n doit être dans la chaîne.

Vous devez ajouter le nouveau caractère de ligne \n :

 console.log('line one \nline two') 

Afficherait:

Ligne un

Ligne deux

Pourquoi ne pas utiliser simplement console.log() pour chaque var, et séparer avec une virgule plutôt que de les convertir en cordes? Cela vous donnerait des lignes distinctes, et vous donnera la valeur réelle de chaque variable plutôt que la représentation en chaîne de chacun (en supposant qu'ils ne soient pas tous des chaînes).

 console.log('roleName',roleName); console.log('role_ID',role_ID); console.log('modal_ID',modal_ID); console.log('related',related); 

Et je pense qu'il serait plus facile de lire / maintenir.

Le pire de l'utilisation juste

 console.log({'some stuff': 2} + '\n' + 'something') 

Est-ce que toutes les choses sont converties en chaîne et si vous avez besoin d'un objet à afficher, vous pouvez voir ensuite:

 [object Object] 

Ainsi, ma variante est le prochain code:

 console.log({'some stuff': 2},'\n' + 'something'); 

 console.log('Hello, \n' + 'Text under your Header\n' + '-------------------------\n' + 'More Text\n' + 'Moree Text\n' + 'Moooooer Text\n' ); 

Cela fonctionne très bien pour moi uniquement pour le texte et facile sur l'œil.