템플릿 리터럴(Template literal) - 자바스크립트
반응형
템플릿 리터럴(Template literal)은 문자열 내에 변수나 표현식을 삽입할 수 있는 기능입니다.
일반적인 문자열 리터럴과는 다르게 백틱(`)으로 감싸서 사용합니다.
템플릿 리터럴은 변수나 표현식을 삽입할 때 ${} 문법을 사용합니다.
const message = 'Hello';
const count = 10;
console.log(`${message} World! The count is ${count}.`);
위의 코드에서 message 변수와 count 변수를 템플릿 리터럴로 사용하고 있습니다.
코드를 실행하면 "Hello World! The count is 10." 이라는 문자열이 출력됩니다.
${} 안에는 자바스크립트 표현식을 사용할 수 있습니다.
그렇기 때문에 템플릿 리터럴을 사용하면 문자열 내에서 변수나 표현식의 값을 동적으로 삽입할 수 있습니다.
템플릿 리터럴은 여러 줄의 문자열을 간편하게 표현할 수 있는 기능도 제공합니다.
아래 코드에서는 백틱 안에서 여러 줄의 문자열을 사용하고 있습니다.
const multilineString = `첫 번째 줄
두 번째 줄
세 번째 줄`;
console.log(multilineString);
코드를 실행하면 세 줄에 걸쳐 "첫 번째 줄", "두 번째 줄", "세 번째 줄" 이라는 문자열이 출력됩니다.
이처럼 템플릿 리터럴은 문자열 처리를 간편하게 해주는 기능입니다.
반응형
'Programming' 카테고리의 다른 글
일급 객체(first-class object) - 자바스크립트 (0) | 2023.03.10 |
---|---|
함수(Function) - 자바스크립트 (0) | 2023.03.10 |
null & undefined - 자바스크립트 (0) | 2023.03.09 |
빅오 표기법 (Big O notation) (0) | 2023.03.08 |
반복문(for) - 자바스크립트 (0) | 2023.03.07 |
댓글