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!

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

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



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.


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


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

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.

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.