power-girl0-0

ES6 : 문자열 표현 본문

언어/Javascript

ES6 : 문자열 표현

power-girl0-0 2021. 2. 15. 08:01
728x90

 

 

이전 방식에서 문자열은 ' ' (싱글 쿼테이션),  " " (더블 쿼테이션)을 사용하고, 다음줄로 넘어가려면 개행문자(\n)를 사용해야 했다.


이를 해결하기 위해, ES6에서는 ` ` 내에서, multi-line string을 입력할 수 있으며, ${ }를 통해 문자열에 외부 변수를 입력할 수 있다.

 

예제는 아래와 같다.

let name = "김도현";
let age = 22;

console.log(`
  저의 이름은 ${name}이고,
  나이는 ${age}입니다.
  만나서 반가워요.
`);


${ } 표현식에서, 계산식도 사용이 가능하다.

 

아래는 위 소스코드에 포함된 내용으로, 계산식을 사용한 예제이다.

consoel.log(`
	우리 언니는 나보다
    3살 많은 ${age + 3}살입니다.
`);

 


또한, ${ } 표현식을 통해 함수를 호출할 수 있다.

 

아래 예제는, list에 들은 숫자 중 2의 배수만 출력하는 함수를 호출하는 코드이다.

let list = [ 3, 4, 15, 22, 28, 40, 10 ];
let number = list.filter (function (n){
    return n%2===0;
});
console.log(`
    num = ${number}
`);

 

 

 

 

728x90

'언어 > Javascript' 카테고리의 다른 글

ES6 : 객체 비구조화 할당  (0) 2021.02.15
ES6 : 객체  (0) 2021.02.15
Youtube 재생시간 구하기  (0) 2021.02.11
jQuery Ajax  (0) 2021.02.10
JSON  (0) 2021.02.10
Comments