자바스크립트에서 문자열을 합치는 방법은 여러 가지가 있습니다. 그중에서 주로 + 연산자나 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)를 누르지 않고 입력하면 기입할 수 있습니다. 템플릿 리터럴은 변수나 표현식을 `${}` 안에 넣어서 문자열에 삽입할 수 있는데 이를 활용하여 위와 같이 문자열을 이어 붙일 수 있습니다.
'Web > JavaScript' 카테고리의 다른 글
[JavaScript] 자바스크립트 문자열 포함되어 있는지 확인하기(indexOf, include) (0) | 2024.05.16 |
---|---|
[JavaScript] 자바스크립트 대/소문자 변환(toUpperCase, toLowerCase) (0) | 2024.05.15 |
[JavaScript] 자바스크립트 문자열 치환하기 replace +(정규식, 여러개 치환) (0) | 2024.05.12 |
[JavaScript] 자바스크립트 문자열 쪼개기(split) - 구분자로 문자열 자르기 (0) | 2024.05.11 |