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


114

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

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

Спасибо, что заглянули!

Ответы:


191

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

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

1
Сладкое это было спасибо! Мне нужно было посмотреть, как это написано
Леон Габан

41

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



8

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

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

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


Я искал способ отформатировать код, как его написал @Vega ... более чище, имхо
Леон Габан

4

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

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

отобразит:

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

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


4

Худшее в использовании только

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

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

[object Object]

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

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

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

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

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.