[TIL] Template literals

1. Template Literal

template literal은 ES6에서 추가된 문법으로 Back Tick(``) 으로 String을 감쌀 수 있게 되었다.

Back Tick으로 감싸진 스트링에는 다른 변수를 삽입할 수 있다.

// ES6 문법:
const name = '심플키';
const greeting = '안녕하세요. 저는 ${name} 입니다.';
// ES5 문법: 
const greeting =  '안녕하세요. 저는 ' + name + ' 입니다.';

변수를 사용하려면 ${ }사이에 넣어주면 된다.

1-1 줄 바꿈(line break)도 가능하다.

let nationalAnthem = '동해물과\n' + '백두산이\n' + '마르고\n' +'닳도록'
connsole.log(nationlAnthem);

template literal에서는 입력한 그대로 줄바꿈이 된다.

let nationalAnthem = `동해물과
백두산이
마르고
닳도록`;

1-2 String Method

그 동안 string에서 특정 string을 찾기위해 indexOf()를 사용했지만 이제 아래의 3가지 method를 이용하여 찾을 수 있다.

• startsWith
• endsWith
• includes

const myMail = skh417@gmail.com
console.log(myMail.startsWith('skh'));
console.log(myMail.endsWith('com'));
console.log(myMail.includes('@gmail'));
// true 또는 false 값으로 반환된다.

특정 스트링을 반복하려면 .repeat(2);을 스트링 뒤에 붙여주고 ( )안에 반복할 회수를 숫자로 적는다.

'스트링 반복 '.repeat(3);