sirve - pasar el valor de un input text a una variable javascript

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

Question

Así que estoy tratando de hacer algo simple, quiero dividir mis huellas en la consola en varias líneas, utilizando 1 declaración de console.log:

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

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

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

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

He comprobado varias otras preguntas que parecen similares, pero ninguna ha ayudado o está hablando de algo diferente.

¡Gracias por echar un vistazo!

Answer 1

¿Por qué no usar solo console.log() para cada var y separar con una coma en lugar de convertirlos a cadenas? Eso le daría líneas separadas, Y le daría el verdadero valor de cada variable en lugar de la representación de cadena de cada una (suponiendo 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.

Answer 2

Debe agregar el nuevo carácter de línea /n :

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

mostraría:

línea uno

línea dos

Answer 3

Deberías incluirlo dentro de las comillas ''/n'' , Ver abajo,

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

Answer 4

En ES6 / ES2015 puede usar una sintaxis literal de cadena llamada plantilla literales . Las cadenas de la plantilla utilizan caracteres de comillas en lugar de comillas simples "o comillas dobles". También conservan la nueva línea y pestaña.

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

Answer 5

Fácil, /n necesita estar en la cadena.

Answer 6

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 que puede ver a continuación:

[object Object]

Así mi variante es el siguiente código:

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

Answer 7

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 fácil de usar.