Ao rastrear variáveis ​​no console, como criar uma nova linha?


114

Então, estou tentando fazer algo simples, quero dividir meus rastros no console em várias linhas, usando 1 instrução console.log:

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

Como você escreveria o texto acima para rastrear o seguinte?

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

ao invés de roleName = test role_ID = test modal_UD = test related = test

Eu verifiquei várias outras perguntas que parecem semelhantes, mas nenhuma ajudou ou está falando sobre algo diferente.

Obrigado por dar uma olhada!

Respostas:


191

Você deve incluí-lo entre aspas '\n', veja abaixo,

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

1
Doce foi isso, obrigado! Eu precisava ver como estava escrito
Leon Gaban

40

No ES6 / ES2015, você pode usar a sintaxe literal de string chamada de literais de modelo . As strings de modelo usam crase em vez de aspas simples 'ou aspas duplas ". Elas também preservam a nova linha e tabulação

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

Por que não apenas usar separar console.log()para cada var, e separar com uma vírgula em vez de converter todos em strings? Isso daria a você linhas separadas E o valor verdadeiro de cada variável, em vez da representação de string de cada uma (assumindo que nem todas sejam strings).

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

E acho que seria mais fácil de ler / manter.


Eu estava procurando uma maneira de formatar o código como @Vega o escreveu ... mais limpo imho
Leon Gaban

4

Você precisa adicionar o novo caractere de linha \n:

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

exibiria:

linha um

linha dois


4

A pior coisa de usar apenas

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

é que todas as coisas são convertidas para a string e se você precisar mostrar um objeto, poderá ver a seguir:

[object Object]

Portanto, minha variante é o próximo código:

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

Isso funciona muito bem para mim apenas para texto e é agradável para os olhos.

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.