Computer >> 컴퓨터 >  >> 프로그래밍 >> JavaScript

자바스크립트에서 문자열을 연결하는 가장 좋은 방법은 무엇일까?

JavaScript에서 문자열을 연결하는 가장 좋고 빠른 방법은 + 연산자를 사용하는 것입니다. 이 외에도 concat() 메서드를 활용하거나, ES6에서 도입된 템플릿 리터럴(Template Literals)을 사용할 수도 있습니다.

주요 문자열 연결 방법

  • + 연산자: 가장 간단하고 널리 쓰이는 방식으로, 대부분의 상황에서 우수한 성능을 보입니다.
  • concat() 메서드: 여러 개의 문자열을 인수로 전달해 한 번에 연결할 수 있습니다.
  • 템플릿 리터럴: 백틱(`)과 ${} 문법을 사용해 변수를 포함한 문자열을 가독성 있게 작성할 수 있습니다.

예제

다음 코드를 실행하면 JavaScript에서 문자열을 연결하는 방법을 직접 확인할 수 있습니다.

<html>
   <head>
      <title>JavaScript Concatenation</title>
   </head>

   <body>
      <script>
         var str1 = "Hello";
         var str2 = "World";
         var res = str1 + str2;
         document.write(res);
      </script>
   </body>
</html>

위 예제를 실행하면 두 문자열이 연결되어 화면에 "HelloWorld"가 출력됩니다. 반복문 안에서 대량의 문자열을 연결하는 경우에는 배열에 요소를 모은 뒤 join() 메서드로 합치는 방식이 더 효율적일 수 있습니다.