เมื่อติดตามตัวแปรในคอนโซลจะสร้างบรรทัดใหม่ได้อย่างไร

ดังนั้นฉันกำลังพยายามทำอะไรง่ายๆฉันต้องการแยกการติดตามในคอนโซลออกเป็นหลายบรรทัดโดยใช้คำสั่ง console.log 1 คำสั่ง:

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

คุณจะเขียนข้อความข้างต้นเพื่อติดตามสิ่งต่อไปนี้อย่างไร

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

แทน roleName = test role_ID = test modal_UD = test related = test

ฉันได้ตรวจสอบคำถามอื่น ๆ อีกหลายคำถามที่ดูเหมือนกัน แต่ไม่มีใครช่วยหรือพูดถึงสิ่งอื่น

ขอบคุณสำหรับการดู!

คุณควรรวมไว้ในคำพูด '\n'ดูด้านล่าง

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

ใน ES6 / ES2015 คุณสามารถใช้ไวยากรณ์สตริงตัวอักษรที่เรียกว่าอักษรแม่แบบ สตริงเทมเพลตใช้อักขระ backtick แทนเครื่องหมายอัญประกาศเดี่ยวหรือเครื่องหมายคำพูดคู่ "นอกจากนี้ยังรักษาบรรทัดและแท็บใหม่

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

ง่าย\nต้องอยู่ในสตริง

ทำไมไม่ใช้แยกกันconsole.log()สำหรับแต่ละ var และคั่นด้วยเครื่องหมายจุลภาคแทนที่จะแปลงทั้งหมดเป็นสตริง นั่นจะทำให้คุณแยกบรรทัดและให้ค่าที่แท้จริงของแต่ละตัวแปรแทนการแสดงสตริงของแต่ละตัวแปร (สมมติว่าอาจไม่ใช่สตริงทั้งหมด)

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

และฉันคิดว่ามันจะง่ายกว่าที่จะอ่าน / ดูแลรักษา

คุณต้องเพิ่มอักขระบรรทัดใหม่\n:

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

จะแสดง:

บรรทัดที่หนึ่ง

บรรทัดที่สอง

สิ่งที่แย่ที่สุดของการใช้ just

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

คือทุกสิ่งจะถูกแปลงเป็นสตริงและหากคุณต้องการวัตถุเพื่อแสดงคุณอาจเห็นสิ่งต่อไป:

[object Object]

ดังนั้นตัวแปรของฉันคือรหัสถัดไป:

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

ใช้งานได้ดีสำหรับฉันสำหรับข้อความเท่านั้นและใช้งานง่าย