Konsolda değişkenlerin izini sürerken, yeni bir satır nasıl oluşturulur?

Bu yüzden basit bir şey yapmaya çalışıyorum, konsoldaki izlerimi 1 console.log deyimi kullanarak birkaç satıra bölmek istiyorum:

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

Aşağıdakileri bulmak için yukarıdakileri nasıl yazarsınız?

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

onun yerine roleName = test role_ID = test modal_UD = test related = test

Benzer görünen diğer birkaç soruyu kontrol ettim, ancak hiçbiri yardımcı olmadı veya farklı bir şey hakkında konuşmuyor.

Göz attığınız için teşekkürler!

Tırnak içine dahil etmelisiniz '\n', Aşağıya bakınız,

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

ES6 / ES2015'te şablon değişmezleri olarak adlandırılan dizge değişmez sözdizimini kullanabilirsiniz . Şablon dizeleri tek tırnak 'veya çift tırnak işaretleri "yerine ters işaret karakteri kullanır. Ayrıca yeni satır ve sekmeyi de korurlar

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

Kolay, \nipte olması gerekiyor.

Neden console.log()her bir değişkeni ayrı ayrı kullanmak ve hepsini dizelere dönüştürmek yerine virgülle ayırmak değil? Bu size ayrı satırlar verir VE size her bir değişkenin dize temsili yerine her değişkenin gerçek değerini verir (hepsinin dizge olmayabileceğini varsayarak).

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

Ve bence okumak / sürdürmek daha kolay olacaktır.

Yeni satır karakterini eklemeniz gerekiyor \n:

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

şunu gösterir:

birinci satır

ikinci satır

Sadece kullanmanın en kötü yanı

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

tüm şeyler dizeye dönüştürülür ve gösterilecek nesneye ihtiyacınız varsa, sonra şunu görebilirsiniz:

[object Object]

Dolayısıyla benim varyantım sonraki koddur:

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

Bu benim için yalnızca metin için harika çalışıyor ve göze hitap ediyor.