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

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!

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

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

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

Facile, \ndeve essere nella stringa.

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.

Devi aggiungere il nuovo carattere di linea \n:

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

mostrerebbe:

riga uno

riga due

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

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.