[JavaScript] 문자열 합치기 (+, concat, join)

자바스크립트에서 문자열을 연결하거나 붙일 때에는 "+" 연산자, concat() 함수를 사용하고, 배열의 문자열을 합칠 때는 join() 함수를 사용하면 된다. 문자열을 합칠 때는 일반적으로 "+" 연산자를 많이 사용한다. "+" 연산자가 concat() 함수보다 조금 더 성능이 좋은 걸로 알려져 있다.

​

"+" 연산자를 사용하여 문자열 합치기 concat() 함수를 사용하여 문자열 합치기 join() 함수를 사용하여 배열을 문자열로 합치기

 

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

var str = 'Java' + 'Script';

// 결과 : 'JavaScript'

 

 

문자열을 합칠 때는 "+" 연산자를 사용하면 된다.

문자열 변수를 할칠 때도 str1 + str2 + str3 이렇게 "+" 연산자를 사용하면 된다.

 

var str = 'JavaScript';
str += ' ';
str += 'Developer';

// 결과 : 'JavaScript Developer'

 

 

문자열을 연속으로 합칠 때는 "+=" 연산자를 사용하면 코드를 깔끔하게 작성할 수 있다.

(str += '문자열'과 str = str + '문자열'은 동일한 문법이다)

 

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

var str1 = 'Java';
var str2 = 'Script';
var res = str1.concat(str2);

// 결과 : 'JavaScript'

 

 

String.concat() 함수를 사용하여 문자열을 합칠 수 있다. concat(str1, str2, str,3, str4, ... strN)

Array.concat() 함수도 존재하며, 배열에서는 배열의 원소를 추가하는 함수이기 때문에 정확히 사용해야 한다.

 

var str1 = 'Java';
var str2 = 'Script';
var str3 = ' ';
var str4 = 'Developer';
var res = str1.concat(str2, str3, str4);

// 결과 : 'JavaScript Developer'

 

 

concat() 함수의 인자는 1개 이상 입력해야 하며, 입력한 인자의 개수만큼 문자열을 합친다.

 

var res = ''.concat('JavaScript', ' ', 'Developer');

// 결과 : 'JavaScript Developer'

 

 

빈 문자('')에서 concat() 함수를 사용할 수 있다.

 

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

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

// 결과 : 'HTML,CSS,JavaScript'

 

 

Array.join() 함수는 배열의 문자열의 구분자로 합칠 때 사용한다.

join() 함수에 인자를 넣지 않으면 쉼표(', ')를 사용하여 배열의 문자열을 합친다.

 

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

// 결과 : 'HTMLCSSJavaScript'

 

 

join() 함수에 빈 문자를 인자로 넣으면 구분자가 없이 문자열을 합친다.

 

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

// 결과 : 'HTML/CSS/JavaScript'

 

 

join() 함수에 특정 구분자('/')를 인자로 넣으면 해당 구분자로 배열의 문자열을 합친다.