Al rastrear variables en la consola, ¿cómo crear una nueva línea?

114

Entonces estoy tratando de hacer algo simple, quiero dividir mis rastros en la consola en varias líneas, usando 1 declaración console.log:

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

¿Cómo escribiría lo anterior para rastrear lo siguiente?

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

en vez de roleName = test role_ID = test modal_UD = test related = test

Revisé varias otras preguntas que parecen similares, pero ninguna me ha ayudado o está hablando de algo diferente.

¡Gracias por echar un vistazo!

Leon Gaban
fuente

Respuestas:

191

Debe incluirlo entre comillas '\n', ver más abajo,

console.log('roleName = '+roleName+ '\n' + 
             'role_ID = '+role_ID+  '\n' + 
             'modal_ID = '+modal_ID+ '\n' +  
             'related = '+related);
Selvakumar Arumugam
fuente
1
¡Dulce, gracias! Necesitaba ver cómo estaba escrito
Leon Gaban
40

En ES6 / ES2015, puede utilizar una sintaxis literal de cadena llamada literales de plantilla . Las cadenas de plantilla utilizan un carácter de acento inverso en lugar de comillas simples "o comillas dobles". También conservan la nueva línea y tabulación

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

Vlad Bezden
fuente
12

Fácil, \nnecesita estar en la cuerda.

Andrei Nemes
fuente
8

¿Por qué no usar separados console.log()para cada var y separarlos con una coma en lugar de convertirlos todos en cadenas? Eso le daría líneas separadas Y le daría el valor verdadero de cada variable en lugar de la representación de cadena de cada una (asumiendo que no todas sean cadenas).

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

Y creo que sería más fácil de leer / mantener.

Kevin B
fuente
Estaba buscando una manera de formatear el código como lo escribió @Vega ... más limpio en mi humilde opinión
Leon Gaban
4

Necesita agregar el carácter de nueva línea \n:

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

mostraría:

línea uno

línea dos

Justin Bicknell
fuente
4

Lo peor de usar solo

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

es que todas las cosas se convierten a la cadena y si necesita un objeto para mostrar, puede ver a continuación:

[object Object]

Por lo tanto, mi variante es el siguiente código:

console.log({'some stuff': 2},'\n' + 'something');
Viktor Soroka
fuente
4
console.log('Hello, \n' + 
            'Text under your Header\n' + 
            '-------------------------\n' + 
            'More Text\n' +
            'Moree Text\n' +
            'Moooooer Text\n' );

Esto funciona muy bien para mí solo para texto y es agradable a la vista.

misterzik
fuente