상세 컨텐츠

본문 제목

Javascript 문자열 합치기 ( +, concat, join) 성능 테스트

프로그래밍/Javascript

by 웰치스짱 2023. 3. 2. 15:30

본문

반응형

자바스크립트를 사용하면서 문자열을 조합할때 무의식적으로 보통 + 를 사용하여 아래와 같이 조합한다.

 

const db_path = "./dist/sqlite/" + play_date + ".sqlite";

 

일상적으로 이 방식으로 쓰다가 기분상(?) 세련되지 못한것 같아서 다른 방법을 찾아보니 총 3가지 방법이 있다.

 

1) + 연산자를 사용하여 문자열 합치기

 

var str = 'Java' + 'Script';
// 결과 : 'JavaScript'

var str = 'JavaScript';
str += ' ';
str += 'Developer';
// 결과 : 'JavaScript Developer'

 

2) concat() 함수를 사용하여 문자열 합치기

 

var str1 = 'Java';
var str2 = 'Script';
var res = str1.concat(str2);
// 결과 : 'JavaScript'

var str1 = 'Java';
var str2 = 'Script';
var str3 = ' ';
var str4 = 'Developer';
var res = str1.concat(str2, str3, str4);
// 결과 : 'JavaScript Developer'

 

3) join() 함수를 이용하여 배열을 문자열로 합치기

 

var langs = ['HTML', 'CSS', 'JavaScript'];
var res = langs.join();
// 결과 : 'HTML,CSS,JavaScript'

var langs = ['HTML', 'CSS', 'JavaScript'];
var res = langs.join('');
// 결과 : 'HTMLCSSJavaScript'

 

+ 보다는 다른 방식이 좀더 세련(?)되 보이는데 성능은 어떨지 궁금해서 찾아봤다.

 

 

예상외로 + 연산자가 가장 빠른 결과가 나왔다....

 

그냥 하던대로 하는것으로 해야겠다...;;

반응형

관련글 더보기

댓글 영역