JavaScript에서 문자열 보간 수행
Kirill Ibrahim
2023년10월12일
JavaScript에는 문자열 보간이라는 훌륭한 기능이있어 변수, 함수 호출 및 산술 표현식을 문자열에 직접 삽입 할 수 있습니다.
이 기사에서는 문자열 보간을 수행하는 방법을 소개합니다. 아래에 컴퓨터에서 실행할 수있는 코드 예제가 있습니다.
ES6의 새로운 기능을 사용하여 JavaScript에서 문자열 보간 수행
ES6 출시 이전에는 JavaScript에서 문자열 보간을 사용할 수 없었습니다. 이 기능이 없기 때문에 아래와 같이 문자열 연결 코드가 생성되었습니다.
예:
const generalInformation = (firstName, lastName, Country) => {
return 'First Name ' + firstName + ' Last Name: ' + lastName + '. ' +
Country + ' is my country.';
} console.log(generalInformation('Mark', 'John', 'US'));
출력:
First Name Mark Last Name: John. US is my country.
문자열 보간은 여러 줄 문자열에 대해 연결 또는 이스케이프 문자를 사용하지 않고 변수, 함수 호출 및 산술 표현식을 문자열에 직접 삽입 할 수있는 기능입니다.
문자열 보간에서 템플릿 리터럴에 백틱을 사용하고${ourValue}형식을 사용하여 변수, 함수 호출 및 산술 표현식과 같은 동적 값을 삽입합니다.
예:
const generalInformation = (firstName, lastName, Country) => {
return `First Name: ${firstName} Last Name: ${lastName}. Country: ${Country}`;
} console.log(generalInformation('Mark', 'John', 'US'));
출력:
First Name: Mark Last Name: John. Country: US
이제 문자열 보간이 얼마나 환상적인 기능인지 알고 있습니다.
예:
함수 호출과 산술 표현식을 삽입 해 보겠습니다.
const generalInformation = (firstName, lastName, Country) => {
return `First Name: ${firstName} Last Name: ${lastName}. Country: ${Country}`;
} console.log(generalInformation('Mark', 'John', 'US'));
console.log(`${generalInformation("Mark", "John", "US")} He is a Worker in our company.`);
console.log(`sum of 10 and 6 is ${10+6}.`);
출력:
First Name: Mark Last Name: John. Country: US
First Name: Mark Last Name: John. Country: US He is a Worker in our company.
sum of 10 and 6 is 16.
예:
문자열 보간에서 조건문을 사용할 수 있습니다.
const isEvenOrOdd = (num) => {
console.log(`Number is ${num % 2 === 0 ? 'even' : 'odd'}`);
} isEvenOrOdd(5);
isEvenOrOdd(8);
출력:
Number is odd
Number is even