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

114

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!

— Leon Gaban
quelle

191

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

— Selvakumar Arumugam
quelle

1

Süß, das war es, danke! Ich musste sehen, wie es geschrieben wurde

— Leon Gaban

40

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

Erweitern Sie das Snippet

— Vlad Bezden
quelle

12

Einfach, \nmuss in der Saite sein.

— Andrei Nemes
quelle

8

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.

— Kevin B.
quelle

Ich suchte nach einer Möglichkeit, den Code so zu formatieren, wie @Vega ihn geschrieben hat ... sauberer imho

— Leon Gaban

4

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

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

würde anzeigen:

Zeile eins

Zeile zwei

— Justin Bicknell
quelle

4

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

— Viktor Soroka
quelle

4

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.

— Misterzik
quelle