Lorsque vous tracez des variables dans la console, comment créer une nouvelle ligne?

Question

Donc, j'essaie 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 tracer les éléments suivants?

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 d'une chose différente.

Merci d'avoir jeté un coup d'oeil!

Answer 1

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

Answer 2

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 un caractère de type coche arrière au lieu de guillemets simples ou doubles ". Ils préservent également les nouvelles lignes et les tabulations.

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

Answer 3

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

Answer 4

Pourquoi ne pas simplement utiliser console.log() séparé pour chaque variable et les séparer par une virgule plutôt que de les convertir 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'il ne s'agisse pas forcément de 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.

Answer 5

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

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

afficherait:

première ligne

ligne deux

Answer 6

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

Answer 7

La pire chose d'utiliser juste

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

est-ce que tous les trucs sont convertis en chaîne et si vous avez besoin d'un objet à montrer, vous pouvez voir ensuite:

[object Object]

Ainsi ma variante est le code suivant:

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