console.log에 변수를 추가하려면 어떻게해야합니까?

JavaScript로 간단한 게임을 만들고 있지만 스토리에서는 플레이어 이름을 말해야합니다. 그래서 내가 지금까지 가지고있는 것은 :

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

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

두 번째 줄은 어떻게합니까? 또는 내가 이것을 할 수있는 다른 방법이 있습니다. console.log();콘솔에 2 on 1 라인 이 가능 합니까?

그런 다음 +문자열을 결합 하는 데 사용 합니다.

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

console.log 여러 인수를 취하므로 다음을 사용하십시오.

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

경우 이름 입니다 object또는를 array다음 여러 인수를 사용하여 연결보다 낫다. 당신이 연결할 경우 object또는 array문자열로 당신은 단순히 유형이 아닌 변수의 내용을 기록합니다.

그러나 이름 이 기본 유형 인 경우 여러 인수가 연결과 동일하게 작동합니다.

다른 콘솔 방법을 사용할 수 있습니다.

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

문자열 내에서 변수를 통합하는 방법에는 여러 가지가 있습니다.

방법 1 :

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

이점 : 이름이 JSON 객체 인 경우 다음과 같이 인쇄되지 않습니다. "story" [object Object] "story"

방법 2 :

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

방법 3 : 위에서 언급 한대로 ES6를 사용하는 경우

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

이점 : 추가, 또는 + 필요 없음

방법 4 :

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

이점 : 문자열을 더 쉽게 읽을 수 있습니다.

ES6를 사용할 때 다음을 수행 할 수도 있습니다.

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

참고 : 이렇게하려면 ""또는``대신 백틱``을 사용해야합니다.

로그에 여러 인수를 전달할 수 있습니다.

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

%jNode.js에서만 작동합니다. %j값을 JSON 문자열로 변환하고 삽입합니다.

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

여기에 더 많은 문자열 대체 :

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

문서 :

• 크롬 : 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
• 사양 : https://console.spec.whatwg.org/#formatter

그것은 당신이 원하는 것에 달려 있습니다.

console.log("story "+name+" story") 것입니다 연결하여 함께 문자열을하고 인쇄 할 수 있습니다. 저에게는 무슨 일이 일어나고 있는지 더 쉽게 볼 수 있기 때문에 이것을 사용합니다.

사용 console.log("story",name,"story")은 연결과 유사하지만 다음과 같이 실행되는 것 같습니다.

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

이것은 배열의 모든 항목을 공백으로 구분하여 함께 푸시합니다. .join(" ")

두 console.log("story" + name + "story")및 console.log("story", name, "story")이전 답변에서 언급 한 바와 같이 잘 작동합니다.

나는 console.log("story", name, "story")json 객체와 같은 객체 내용을 인쇄하려고 "story" + objectVariable + "story"할 때 문자열로 변환하기 때문에.

다음과 같은 출력이 나타납니다 "story" [object Object] "story".

좋은 습관입니다.

printf 스타일의 형식화 인수를 사용할 수도 있습니다. 최소한 Chrome, Firefox / Firebug 및 node.js에서 사용할 수 있습니다.

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

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

또한 숫자 서식 지정을 위해 % d를 지원합니다.

백 슬래시를 사용하여 스토리와 플레이어 이름을 한 줄에 모두 포함 할 수 있습니다.

var name = prompt ( "이름이 무엇입니까?"); console.log ( "story"\ name \ "story");