Quando si tracciano variabili nella console, Come creare una nuova linea?

Question

Così sto cercando di fare qualcosa di semplice, voglio rompere le mie tracce nella console in diverse linee, istruzione using 1 console.log:

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

Come si scrive il sopra per tracciare le a seguire?

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

invece di roleName = test ROLE_ID = test modal_UD = relativi test = test di

Ho controllato fuori diverse altre questioni che appaiono simili, ma nessuno ha aiutato o sta parlando di una cosa diversa.

Grazie per dare un'occhiata!

Answer 1

si dovrebbe includere dentro cita '\n', Vedi sotto,

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

Answer 2

Facile, \n deve essere nella stringa.

Answer 3

è necessario aggiungere il carattere di nuova riga \n:

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

mostrerà:

linea uno

riga due

Answer 4

Perché non utilizzare solo console.log() separato per ogni variabile e separare con una virgola anziché convertirli tutti in stringhe? Questo ti darebbe linee separate, E ti darebbe il vero valore di ogni variabile piuttosto che la rappresentazione di stringa di ciascuno (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.

Answer 5

La cosa peggiore di usare solo

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

è che tutte le cose vengono convertiti in stringa e se avete bisogno oggetto per mostrare che si può vedere la prossima:

[object Object] 

Così la mia variante è il codice successivo:

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

Answer 6

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

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

Answer 7

In ES6/ES2015 è possibile utilizzare la sintassi stringa letterale denominata template literals. stringhe di modello per utilizzare il carattere di apice inverso, invece di apice singolo 'o virgolette doppie". Hanno anche preservare nuova linea e scheda

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