JavaScript에서 여러 문자열 변수를 하나로 합치려면 연결 연산자(+)를 사용하면 됩니다. + 연산자는 두 개 이상의 문자열을 이어 붙여 새로운 문자열을 만들어 주는 가장 기본적이고 널리 쓰이는 방법입니다.
기본 예제
아래 코드를 실행하면 세 개의 문자열 변수가 하나로 연결되는 과정과 결과를 직접 확인할 수 있습니다.
<html>
<body>
<script>
var str1 = "Tutorials ";
var str2 = "Point: ";
var str3 = "Simply Easy Learning";
var res = str1 + str2 + str3;
document.write("String 1 = " + str1);
document.write("<br>String 2 = " + str2);
document.write("<br>String 3 = " + str3);
document.write("<br>After concatenation: " + res);
</script>
</body>
</html>
실행 결과
String 1 = Tutorials
String 2 = Point:
String 3 = Simply Easy Learning
After concatenation: Tutorials Point: Simply Easy Learning
다른 방법: concat() 메서드
+ 연산자 외에도 문자열 객체에서 제공하는 concat() 메서드를 사용해 여러 문자열을 연결할 수 있습니다.
var res = str1.concat(str2, str3);
모던한 방법: 템플릿 리터럴
ES6부터는 백틱(``)을 사용하는 템플릿 리터럴로 더욱 가독성 좋게 문자열을 조합할 수 있습니다.
var res = `${str1}${str2}${str3}`;상황에 따라 적절한 방법을 선택하면 되지만, 간단한 연결에는 + 연산자가 가장 직관적이고 성능 면에서도 효율적입니다.