Відстежуючи змінні в консолі, як створити новий рядок?

Тому я намагаюся зробити щось просте, я хочу розбити свої сліди в консолі на кілька рядків, використовуючи 1 консоль.log:

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 ви можете використовувати синтаксис рядкових літералів, що називається шаблонними літералами . Рядки шаблону використовують символ зворотного відбору замість однієї цитати "або подвійних лапок". Вони також зберігають новий рядок та вкладку

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

відобразить:

рядок перший

рядок другий

Найгірше, що просто використовувати

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

Це для мене чудово підходить лише для тексту та легко для очей.