При отслеживании переменных в консоли, как создать новую строку?

Итак, я пытаюсь сделать что-то простое, я хочу разбить мои трассы в консоли на несколько строк, используя 1 оператор console.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

Я проверил несколько других вопросов, которые похожи, но никто не помог или не говорит о другом.

Спасибо, что посмотрели!

Ответ 1

Вы должны включить его в кавычки '\n', см. ниже,

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

Ответ 2

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

Ответ 3

Просто, \n должен быть в строке.

Ответ 4

Почему бы просто не использовать отдельный console.log() для каждого var и отдельно с запятой, а не преобразовывать их все в строки? Это даст вам отдельные строки, и даст вам истинное значение каждой переменной, а не строковое представление каждого (предполагая, что они могут не все быть строками).

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

И я думаю, было бы легче читать/поддерживать.

Ответ 5

Вам нужно добавить новый символ линии \n:

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

отобразится:

line one

строка вторая

Ответ 6

Хуже всего использовать только

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

заключается в том, что все вещи преобразуются в строку, и если вам нужен объект для показа, вы можете увидеть следующее:

[object Object]

Таким образом, мой вариант - следующий код:

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

Ответ 7

console.log('Hello, \n' + 
            'Text under your Header\n' + 
            '-------------------------\n' + 
            'More Text\n' +
            'Moree Text\n' +
            'Moooooer Text\n' );

Это отлично работает для меня только для текста и просто на глазу.