Quando si tracciano le variabili nella console, come creare una nuova riga?


114

Quindi sto cercando di fare qualcosa di semplice, voglio suddividere le mie tracce nella console in più righe, usando 1 istruzione console.log:

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

Come scriveresti quanto sopra per tracciare quanto segue?

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

invece di roleName = test role_ID = test modal_UD = test related = test

Ho esaminato diverse altre domande che sembrano simili, ma nessuna ha aiutato o sta parlando di una cosa diversa.

Grazie per aver dato un'occhiata!

Risposte:


191

Dovresti includerlo tra virgolette '\n', vedi sotto,

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

1
Dolce questo è stato grazie! Avevo bisogno di vedere come era stato scritto
Leon Gaban il

40

In ES6 / ES2015 è possibile utilizzare la sintassi dei letterali stringa denominata letterali modello . Le stringhe del modello utilizzano il carattere di backtick invece di virgolette singole "o virgolette doppie". Inoltre mantengono la nuova riga e tabulazione

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



8

Perché non usare solo separate console.log()per ogni var e separate con una virgola invece di convertirle tutte in stringhe? Questo ti darebbe linee separate E ti darebbe il vero valore di ogni variabile piuttosto che la rappresentazione di stringa di ciascuna (supponendo che potrebbero non essere tutte stringhe).

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

E penso che sarebbe più facile da leggere / mantenere.


Stavo cercando un modo per formattare il codice come lo ha scritto @Vega ... imho più pulito
Leon Gaban

4

Devi aggiungere il nuovo carattere di linea \n:

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

mostrerebbe:

riga uno

riga due


4

La cosa peggiore di usare solo

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

è che tutte le cose vengono convertite nella stringa e se hai bisogno di un oggetto da mostrare potresti vedere dopo:

[object Object]

Quindi la mia variante è il codice successivo:

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

4
console.log('Hello, \n' + 
            'Text under your Header\n' + 
            '-------------------------\n' + 
            'More Text\n' +
            'Moree Text\n' +
            'Moooooer Text\n' );

Questo funziona alla grande per me solo per il testo e facile per gli occhi.

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.