[JS] 문자열

문자열은 프로그래밍에서 매우 중요한 부분이다.

문자열을 구축하려면 template literals(템플릿 리터럴)이 사용되야 한다.

 

템플릿 리터럴 활용 X일 때

const firstName = "jonas";
const job = "teacher";
const birthYear = "1991";
const year = 2037;

const jonas =
  "I'm" + firstName + ",a " + (yaer - birthYear) + "years old" + job + "!";

(year - birthYear) 부분에서는 타입 강제 변환(type coercion)이 활용된다.

타입 강제 변환(type coercion)은 (year - birthYear) ← 이 숫자를 문자열로 변환하고 그것들을 연결할 수 있도록, 나머지 문자열과 함께 더해질 수 있도록 변환하는 것이다. 

템플릿 리터럴을 사용하면 문자열을 작성할 수 있다. 그 뒤 문자열에 직접 변수를 선언한다. 그러면 간단하게 작성하며 교체할 수 있다. 템플릿 리터럴은 여러 조각을 하나의 최종 문자열로 조립할 수 있다. 

 

템플릿 리터럴을 사용하려면 ``(백틱)을 사용해야 한다. why? 템플릿 문자열을 작성하고 있음을 JS에 알리기 위해서 이다. 작은 따옴표나 큰따옴표에서는 작동되지 않는다. 달러 기호를 작성한다. 그 다음 { } 중괄호를 작성하여 그 안에 변수 이름을 선언한다. 

winow 기준, ` (백틱)은 어디에 있을까?
Tab키 위에 있다.

const jonasNew = `I'am ${firstName}`;
console.log(jonasNew);

마저 문장을 완성하면?

const jonasNew = `I'am ${firstName}, a ${year - birthYear} years old ${job}!`;
console.log(jonasNew);

템플릿 리터럴은 문자열을 작성하는 더 쉬운 방법이다. 즉, 불규칙한 문자열에 백틱을 사용할 수 있다. 

console.log(`Just a regulat string`);

여러 줄의 문자열을 만들 수 있다.

console.log(
  "String with \n\
multiple \n\
linse"
);

\n\을 작성하면 새 줄을 만들 수 있다. 그러나 여러 줄에 걸쳐 있다.

 

템플릿 리터럴을 사용한다면?

console.log(`String with
multiple
linse`);

백터를 이용해 간단하게 엔터만 쳐서 새 줄을 만들 수 있다.

 

여러 문자열이 필요할 때마다 템플릿 리터럴을 사용해야 깔끔하게 만들 수 있다.