• 목록
  • 아래로
  • 위로
  • 0
  • 네모
  • 조회 수 1527

JavaScript에서 문자열을 결합할 때, 보통 아래와 같은 방법을 사용합니다.

 

var TEXT = "안녕하세요!"
TEXT += "여기는 세상입니다?";

 

그리고, 그 선택은 대부분 올바릅니다.

 

var TEXT = "";

for(var cnt = 0; cnt < 50; cnt++){
  TEXT += "안녕하세요!";
}

console.log(TEXT);

 

var ARR = [];

for(var cnt = 0; cnt < 50; cnt++){
  ARR.push("안녕하세요!");
}

console.log(ARR.join(""));

 

두개의 코드중에서 덧셈을 사용한 코드가 조금 더 빠릅니다.

제가 사용하는 PC에서는 덧셈이 65,520 Ops/sec 으로 61,453 Ops/sec 인 Join 보다 조금 더 성능이 좋습니다.

 

그러나, 이 선택이 언제나 올바른 것은 아닙니다.

 

var TEXT = "";

for(var cnt = 0; cnt < 1000; cnt++){
  TEXT += "안녕하세요!";
  TEXT += " ";
}

console.log(TEXT);

 

var TEXT = "";

for(var cnt = 0; cnt < 1000; cnt++){
  TEXT += "안녕하세요! ";
}

console.log(TEXT);

 

var ARR = [];

for(var cnt = 0; cnt < 1000; cnt++){
  ARR.push("안녕하세요!");
}

console.log(ARR.join(" "));

 

위 코드에서는 꽤 다른 성능을 보입니다.

 

첫번째 코드는 덧셈을 사용하면서, 각 문자열을 공백 하나로 구분합니다.

이 코드는 6,465 Ops/sec 으로 측정되었습니다.

공백과 문자열을 따로 결합하다 보니 연산횟수가 많아 그런것 같습니다.

 

두번째 코드는 문자열 뒤에 공백을 추가했습니다.

공백을 같이 처리해서 그런지 12,676 Ops/sec 으로 첫번째 코드보다는 성능이 좋습니다.

 

그런데, 세번째 코드는 두개의 코드들보다 더욱 성능이 좋습니다.

15,117 Ops/sec 으로, 세개의 코드 중에서 제일 좋은 성능을 보입니다.

 

테스트를 해 보고 싶으시다면

https://jsperf.com/ndev-js-plus-append-1 에서 확인해 볼 수 있습니다.

 

 

 

 

 

장문일 것을 예상하여 모든 결합을 Join으로 하기에는 무리가 있습니다.

오히려 속도가 느려질 가능성도 있습니다.

 

그렇다고 단문으로만 가정하여 덧셈 기호를 사용하는 것도 성능에 안좋은 영향이 있습니다.

 

문자열의 길이와 상황에 따라서 사용할 방식을 골라 사용하는 것이 제일 현명한 것 같습니다.

작성자
네모 71 Lv. (45%) 408540/414720EXP

인스타그램 : http://instg.me/nemo_9l

댓글 0

권한이 없습니다.
번호 제목 글쓴이 날짜 조회 수
공지 [작업 완료] 설 명절 맞이 서버 업데이트 안내 3 마스터 마스터 24.02.11.17:21 395
공지 [중요] 호스팅 만료와 관련하여 일부 수칙이 변경됩니다. 4 마스터 마스터 23.01.14.02:23 4075
440 [윈도우] Powershell을 특정 경로에서 여는 바로가기 만들기 이니스프리 이니스프리 20.08.10.17:12 797
439 [Python] BeautifulSoup에서 속성이 정확히 매칭되는 요소만 찾기 이니스프리 이니스프리 20.08.09.13:34 422
438 [Python] Ubuntu에서 파이썬이 설치된 디렉토리를 간단히 확인하는 방법 2 이니스프리 이니스프리 20.08.03.22:58 88
437 [Python] 원하는 URL로 크롬 창 열기 이니스프리 이니스프리 20.07.16.14:01 2815
436 [Python] 현재시각에 따라 오전/오후 반환 이니스프리 이니스프리 20.07.16.13:58 2003
435 [Python] Wildcard match 이니스프리 이니스프리 20.07.13.17:15 116
434 [Python] 디렉토리 내의 파일명을 시간순으로 정렬하기 이니스프리 이니스프리 20.07.13.15:57 1805
433 [Python] 폴더 내 모든 엑셀 파일의 작성자를 출력하기 3 이니스프리 이니스프리 20.07.06.20:33 262
432 [PIL] 이미지 좌우반전 이니스프리 이니스프리 20.07.04.15:22 504
431 MS Office 제품군 명칭 변경 image 이니스프리 이니스프리 20.07.02.18:05 116
430 [정규식] 문자열에 괄호 넣기 이니스프리 이니스프리 20.07.01.18:37 301
429 online 개발 툴입니다. 10 해피보이 20.07.01.11:27 176
428 [파이썬] beep음 재생하기 (윈도우/맥/리눅스) 이니스프리 이니스프리 20.06.27.18:43 2638
427 [파이썬] 일정한 주기로 반복문을 돌려야 되는 경우 - 코드의 실행시간이 불규칙한 경우 이니스프리 이니스프리 20.06.27.18:07 1578
426 [파이썬] random.choice() - 시퀀스 내의 요소를 랜덤하게 반환하기 이니스프리 이니스프리 20.06.27.16:37 181
425 [Selenium] select box, check box, radio button 조작하기 이니스프리 이니스프리 20.06.27.15:47 8411
424 헷갈리는 출생지를 가진 인물들 1 이니스프리 이니스프리 20.06.26.21:09 116
423 ublock을 이용한 게시판에서의 특정 유저 차단 1 image 이니스프리 이니스프리 20.06.26.18:58 173
422 [펌] Chrome will soon be less of a memory hog in Windows 10 3 이니스프리 이니스프리 20.06.24.00:12 82
421 [Python] 이미지의 흰 여백을 trim 하는 방법 이니스프리 이니스프리 20.06.21.20:10 1445