Wie erstelle ich eine neue Zeile, wenn ich Variablen in der Konsole nachverfolge?

Ich versuche also, etwas Einfaches zu tun. Ich möchte meine Spuren in der Konsole mithilfe einer Anweisung console.log in mehrere Zeilen aufteilen:

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

Wie würden Sie das Obige schreiben, um Folgendes herauszufinden?

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

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

Ich habe einige andere Fragen geprüft, die ähnlich aussehen, aber keine hat geholfen oder spricht über eine andere Sache.

Vielen Dank für Ihren Blick!

Sie sollten es in Anführungszeichen setzen '\n', siehe unten,

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

In ES6 / ES2015 können Sie die String-Literal-Syntax verwenden, die als Template-Literale bezeichnet wird . Vorlagenzeichenfolgen verwenden Backtick-Zeichen anstelle von einfachen oder doppelten Anführungszeichen. Sie behalten auch neue Zeilen und Tabulatoren bei

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

Einfach, \nmuss in der Saite sein.

Warum nicht einfach separat console.log()für jede Variable verwenden und mit einem Komma trennen, anstatt sie alle in Zeichenfolgen umzuwandeln? Das würde Ihnen separate Zeilen geben UND Ihnen den wahren Wert jeder Variablen und nicht die Zeichenfolgendarstellung jeder Variablen geben (vorausgesetzt, es handelt sich möglicherweise nicht alle um Zeichenfolgen).

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

Und ich denke, es wäre einfacher zu lesen / zu pflegen.

Sie müssen das neue Zeilenzeichen hinzufügen \n:

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

würde anzeigen:

Zeile eins

Zeile zwei

Das Schlimmste, wenn man nur verwendet

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

ist, dass alle Sachen in die Zeichenfolge konvertiert werden und wenn Sie ein Objekt zum Anzeigen benötigen, sehen Sie möglicherweise Folgendes:

[object Object]

Somit ist meine Variante der nächste 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' );

Dies funktioniert für mich nur für Text und ist augenschonend.