JavaScript / jQuery 문자열 다루기 : 합치기

JavaScript / jQuery 문자열 다루기 : 합치기

웹 개발자라면 누구나 알고 있는, JavaScript 와 jQuery 이 2가지는 정말 많이 사용하는 라이브러리입니다. 프론트 및 백엔드 개발에 거의 다 사용되고 있으며, 다른 라이브러리로 대체되기도 하자만, 기본 구조는 동일성을 두고 있는 거 같습니다. 그래서, 오늘은 문자열을 합치는 기능에 대해서 알아보겠습니다.

“+” 연산자를 이용한 합치기

제가 정말 많이 사용했던 방법입니다. 단순히 문자 문자를 “+” 연산자로 합치는 기능입니다. 제일 직관적이며 사용이 간편합니다.

var str1 = "JavaScript";
var str2 = "jQuery";

var result = str1 + " " + str2;
// 결과 Javascript jQuery

var result = str1 + " / " + str2;
// 결과 Javascript / jQuery

concat() 함수로 합치기

이 함수도 사용법은 간단하지만, 용도에 맞게 잘 활용하면 좋겠습니다. 함수는 String.concat(), Array.concat() 2가지가 있습니다.

var str1 = "JavaScript";
var str2 = " / ";
var str3 = "jQuery";

var result = str1.concat(str2, str3);
// 결과 Javascript jQuery

join() 함수로 합치기

Array.join() 함수는 배열로 된 문자열을 합칠 때 유용하게 사용할 수 있습니다. 구분자를 임의로 넣을 수 있지만, 없을 경우 쉼표(,)로 구분이 됩니다.

var strArr = ['Javascript', 'jQuery', 'CSS', 'HTML', 'WWW'];

var result = strArr.join();
// 결과 Javascript,jQuery,CSS,HTML,WWW';

var result = strArr.join(" / ");
// 결과 Javascript / jQuery / CSS / HTML / WWW';

마무리

JavaScript 에서 문자열을 합치는 방법을 3가지 알아봤는데요, 이 3가지가 아마 제일 사용을 많이 할 거라 생각합니다. 다른 방법도 있고, 이걸 변형해서 사용하는 방법도 있습니다. 그건 개발자 분들이 각자 알아서 하시고 전 기본적인 사용법만 알려드리겠습니다.

JavaScript / jQuery 문자열 다루기 : 검색