[JavaScript] 자바스크립트 문자열 합치기(+연산자, concat 함수)

자바스크립트에서 문자열을 합치는 방법은 여러 가지가 있습니다. 그중에서 주로 + 연산자나 concat() 메서드를 사용하는데요. 그 방법을 이번 포스팅에서 알아보도록 하겠습니다.

 

 자바스크립트 문자열 합치기 

+연산자 사용

//사용법
문자열1 + 문자열2

See the Pen plus by wjdxo513 (@wjdxo513) on CodePen.

 

자바스크립트에서 문자열끼리의 결합은 + 연산자로 간단하게 합칠 수 있습니다. 가장 많이 사용하는 방식으로 직관적입니다.

 

 

concat 함수 사용

//사용법
문자열1.concat(문자열2)

See the Pen concat by wjdxo513 (@wjdxo513) on CodePen.

 

concat() 메서드는 문자열을 현재 문자열에 연결하는 메서드입니다. + 연산자와 마찬가지로 두 문자열을 합치는데 사용됩니다.

 

템플릿 리터럴을 사용하여 문자열 합치기

//사용법
`${문자열1} ${문자열2}`

See the Pen 템플릿 리터럴 by wjdxo513 (@wjdxo513) on CodePen.

 

ES6부터 도입된 템플릿 리터럴은 백틱(`)을 사용하여 문자열을 정의할 수 있는 기능입니다. 백틱은 물결~을 입력할 수 있는 키보드 자판을 쉬프트(Shift)를 누르지 않고 입력하면 기입할 수 있습니다. 템플릿 리터럴은 변수나 표현식을 `${}` 안에 넣어서 문자열에 삽입할 수 있는데 이를 활용하여 위와 같이 문자열을 이어 붙일 수 있습니다.