Podczas śledzenia zmiennych w konsoli, Jak utworzyć nową linię?

Question

Więc staram się zrobić coś prostego, chcę zerwać moje ślady w konsoli w kilku liniach, stosując rachunek 1 console.log:

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

Jak byś napisać wyżej prześledzić następujący?

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

zamiast RoleName = test ROLE_ID = test modal_UD = test związane = test

Mam wyrejestrowany kilka innych pytań, które wydają się być podobne, ale żaden nie pomógł albo mówimy o innej rzeczy.

Dzięki za spojrzenie!

Answer 1

Należy umieścić go wewnątrz cytuje '\n' patrz niżej,

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

Answer 2

Łatwo, \n musi znajdować się w łańcuchu.

Answer 3

Trzeba dodać nową linię charakter \n:

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

wyświetli:

linia jeden

linia dwa

Answer 4

Dlaczego po prostu nie należy używać oddzielnego console.log() dla każdego var i oddzielać je przecinkiem zamiast konwertować je wszystkie na łańcuchy? To da ci oddzielne linie I da ci prawdziwą wartość każdej zmiennej, a nie reprezentację łańcuchową każdego z nich (zakładając, że nie wszystkie mogą być ciągami).

Myślę, że łatwiej byłoby je przeczytać/zachować.

Answer 5

Najgorsze z użyciem tylko

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

jest to, że wszystkie rzeczy są konwertowane do łańcucha, a jeśli trzeba obiektu, aby zobaczyć można zobaczyć następny:

[object Object] 

Zatem moja odmiana jest następny kod:

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

Działa to doskonale dla mnie tylko dla tekstu i jest łatwe dla oka.

Answer 7

W ES6/ES2015 można użyć składni literowej o nazwie łańcuchowej o nazwie template literals. Szablon ciągi znaków grawis używać zamiast pojedynczego cudzysłowu "lub cudzysłowie”. Zachować również nową linię i kartę

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