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

114

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!

— Léon Gaban
source

191

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);

— Selvakumar Arumugam
source

1

Doux c'était ça merci! J'avais besoin de voir comment c'était écrit

— Leon Gaban

41

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}
`);

Développer l'extrait

— Vlad Bezden
source

12

Facile, \ndoit être dans la chaîne.

— Andrei Nemes
source

8

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.

— Kevin B
source

Je cherchais un moyen de formater le code comme la façon dont @Vega l'a écrit ... plus propre à mon humble avis

— Leon Gaban

4

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

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

afficherait:

ligne un

ligne deux

— Justin Bicknell
source

4

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');

— Viktor Soroka
source

4

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.

— misterzik
source