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

J'essaye donc de faire quelque chose de simple, je veux diviser mes traces dans la console en plusieurs lignes, en utilisant 1 instruction console.log:

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

Comment écririez-vous ce qui précède pour retracer ce qui suit?

roleName = test
role_ID = test
modal_UD = test
related = test

au lieu de roleName = test role_ID = test modal_UD = test related = test

J'ai vérifié plusieurs autres questions qui semblent similaires, mais aucune n'a aidé ou ne parle de chose différente.

Merci d'avoir jeté un coup d'œil!

Vous devez l'inclure entre guillemets '\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 une syntaxe de littéral de chaîne appelée littéraux de modèle . Les chaînes de modèle utilisent le caractère backtick au lieu de guillemets simples ou doubles ". Elles préservent également la nouvelle ligne et la tabulation

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, \ndoit être dans la chaîne.

Pourquoi ne pas simplement utiliser séparé console.log()pour chaque var, et séparer par une virgule plutôt que de les convertir tous en chaînes? Cela vous donnerait des lignes séparées ET vous donnerait la vraie valeur de chaque variable plutôt que la représentation sous forme de chaîne de chacune (en supposant qu'elles ne soient pas toutes 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 que ce serait plus facile à lire / maintenir.

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

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

afficherait:

ligne un

ligne deux

La pire chose d'utiliser juste

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

est que tous les éléments sont convertis en chaîne et si vous avez besoin d'un objet à afficher, vous pouvez voir ensuite:

[object Object]

Ainsi ma variante est le code suivant:

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 pour le texte uniquement et est facile à regarder.