string + 와 concat의 차이

var input = prompt('Input Number');
var str ="";

var str2 = new String(); //
for(var i=0; i<parseInt(input); i++){
  str += i%2==0?'A':'B';
}

 

위와 같이 숫자를 입력하는 만큼 A와B를 번갈아 출력하는 간단한 프로그램을 짜던중 성능에 관한 궁금증이 생겼다.

 

str에 문자를 덧붙이는 과정에서 과연 +이 빠를까 concat이 빠를까 하는 궁금증이었다.

결론부터 말하자면 +와 concat은 성능차이가 거의 없다고 한다. 하지만 new String();으로 스트링 객체를 만드는 순간 자바스크립트 인터프리터가 객체에 대한 최적화 작업을 진행하기 때문에 str에 +로 문자를 덧붙이는 방법이 더 빠른 성능 측정 결과를 나타낸것이다.

(str은 primitive type이기 때문에 최적화 할게 없다)

 

+도 결국엔 왼쪽 피 연산자가 스트링일 경우 오른쪽에 있는 피연산자에 대해서 tostring메소드를 호출한다음에 왼쪾과 오른쪽 문자열 두개를 concat하기 때문에 어떻게 보면 +보다 concat이 더 빠르다고 생각된다.

하지만 이것은 미미한 차이이고 성능 차이에 가장 큰 원인은 위에 말한 인터프리터 최적화 과정이다.

 

+와 concat중 어떤것을 쓸지는 개인 스타일이지만, 좀더 명확하고 한눈에 잘 보이는 +를 사용하라고 권장하고 있다.

그리고 인터프리터 최적화 과정이 있기 때문에 굳이 String 객체에 어떤 커스텀 속성을 추가할게 아니라면 그냥 원시 타입 스트링을 사용하라고 권장하고 있다.

출처

https://stackoverflow.com/questions/34465804/what-is-the-difference-of-operator-and-concat-method-in-javascript