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

Question

J'essaie 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 écrivez-vous ce qui précède pour tracer 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 parle d'une chose différente.

Merci de jeter un coup d'œil !

Answer 1

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

Answer 2

Dans ES6/ES2015, vous pouvez utiliser une syntaxe de chaîne littérale appelée littéraux de modèle . Les chaînes de caractères des modèles utilisent le caractère backtick au lieu du guillemet simple ' ou du guillemet double ". Elles conservent également les caractères de nouvelle ligne et de 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}
`);

Answer 3

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

Answer 4

Pourquoi ne pas simplement utiliser des console.log() pour chaque var, et les séparer par une virgule plutôt que de les convertir toutes en chaînes de caractères ? Cela vous donnerait des lignes séparées, ET vous donnerait la vraie valeur de chaque variable plutôt que la représentation en chaîne de caractères de chacune (en supposant qu'elles ne soient pas toutes des chaînes de caractères).

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

s'afficherait :

première ligne

ligne deux