뚝딱햄 탈출기

[JavaScript] 템플릿 리터럴 : 문자열 내에 변수 삽입, 백틱(`) 본문

Programming language/JavaScript

[JavaScript] 템플릿 리터럴 : 문자열 내에 변수 삽입, 백틱(`)

hyrmzz1 2023. 8. 8. 12:03

템플릿 리터럴은 문자열 내에 변수를 쉽게 삽입하기 위해 사용.

일반적인 문자열과 달리 백틱(`) 문자로 감싸지며, '${}' 안에 변수명을 작성해 사용한다.

const student = {
	id: "hyrmzz1",
	grade: 4
};

const greetingPlus = "어서오세요 " + student.grade + "학년 " + student.id + "님.";
const greetingBacktick = `어서오세요 ${student.grade}학년 ${student.id}님.`;

console.log(greetingPlus);  // 어서오세요 4학년 hyrmzz1님.
console.log(greetingBacktick);	// 위와 결과값 같음.

여러 줄의 문자열을 '\n' 없이 작성할 수도 있다.

const str = "a\nb\nc";

const multiStr = `a
b
c`;

console.log(str);	//str과 multiStr 출력값 같음.
console.log(multiStr);
Comments