¿Cómo puedo agregar una variable a console.log?

Estoy haciendo un juego simple en JavaScript, pero en la historia necesito que diga el nombre de los jugadores. entonces lo que tengo hasta ahora es:

var name = prompt("what is your name?");

console.log("story" name "story);

¿Cómo hago la segunda línea? o hay otra forma en que podría hacer esto. ¿Es posible tener 2 console.log();en 1 línea en la consola?

Luego usa +para combinar cadenas:

console.log("story " + name + " story");

console.log toma múltiples argumentos, así que solo usa:

console.log("story", name, "story");

Si el nombre es un objecto un, arrayentonces usar múltiples argumentos es mejor que la concatenación. Si concatenas una objecto arrayen una cadena, simplemente registras el tipo en lugar del contenido de la variable.

Pero si el nombre es solo un tipo primitivo, entonces varios argumentos funcionan igual que la concatenación.

Puede utilizar otro método de consola:

let name = prompt("what is your name?");
console.log(`story ${name} story`);

Hay varias formas de consolar la variable dentro de una cadena.

Método 1 :

console.log("story", name, "story");

Beneficio: si el nombre es un objeto JSON, no se imprimirá como "story" [object Object] "story"

Método 2:

console.log("story " + name + " story");

Método 3: al usar ES6 como se mencionó anteriormente

console.log(`story ${name} story`);

Beneficio: Sin necesidad de extra, o +

Método 4:

console.log('story %s story',name);

Beneficio: la cadena se vuelve más legible.

Al usar ES6 también puede hacer esto:

var name = prompt("what is your name?");
console.log(`story ${name} story`);

Nota: Necesita usar comillas invertidas `en lugar de '' o '' para hacerlo así.

Puede pasar varios argumentos para registrar:

console.log("story", name, "story");

%jfunciona solo para Node.js. %jconvierte un valor en una cadena JSON y lo inserta.

console.log('%j new messages for', 7, 'john')
// 7 new messages for john

Más sustituciones de cadenas aquí:

• https://exploringjs.com/impatient-js/ch_console.html

Documentos:

• Chrome: https://developers.google.com/web/tools/chrome-devtools/console/console-write#string_substitution_and_formatting
• Firefox: https://developer.mozilla.org/en-US/docs/Web/API/Console#Using_string_substitutions
• IE: https://docs.microsoft.com/en-gb/visualstudio/debugger/javascript-console-commands?view=vs-2019#ConsoleLog
• Node.js: https://docs.microsoft.com/en-gb/visualstudio/debugger/javascript-console-commands?view=vs-2019#ConsoleLog
• Especificación: https://console.spec.whatwg.org/#formatter

Depende de lo que quieras.

console.log("story "+name+" story") se concatenar las cadenas juntas e imprimir eso. Para mí, utilizo esto porque es más fácil ver lo que está sucediendo.

El uso console.log("story",name,"story")es similar a la concatenación, sin embargo, parece ejecutar algo como esto:

 var text = ["story", name, "story"];
 console.log(text.join(" "));

Esto es juntar todos los elementos de la matriz, separados por un espacio: .join(" ")

Ambos console.log("story" + name + "story")y console.log("story", name, "story")funcionan bien como se mencionó en respuestas anteriores.

Todavía sugeriré tener el hábito de console.log("story", name, "story"), porque, si intenta imprimir el contenido del objeto, como el objeto json, "story" + objectVariable + "story"lo convertirá en una cadena.

Esto tendrá una salida como: "story" [object Object] "story".

Solo una buena práctica.

También puede usar el estilo printf para formatear argumentos. Está disponible en al menos Chrome, Firefox / Firebug y node.js.

var name = prompt("what is your name?");

console.log("story %s story", name);

También es compatible con% d para formatear números.

Puede usar la barra invertida para incluir tanto la historia como el nombre de los jugadores en una línea.

var name = prompt ("¿cuál es tu nombre?"); console.log ("historia" \ nombre \ "historia");