[JavaScript/jQuery] 02. 문자열 다루기-1(합치기, 자르기, 나누기)

정규식은 정리할게 많아 다음에 하기로 하고 우선 기본적으로 문자열을 합치거나 자르거나 하는 것만 말씀드리겠습니다.

 

1. 문자열 합치기(혹은 문자와 문자 합치기)

var a = 'IT';

var b = '따라잡기';

 

라는 두 변수가 있다고 할 때 두개를 합치고 싶을 경우 간단하게 + 로 연산을 해 주면 됩니다.

 

var c = a + b;

 

그러면 c는 'IT따라잡기' 가 됩니다.

그리고 a와 b 사이에 다른 문자를 넣고 싶다면 마찬가지로 + 로 연산을 해주면 되는데 자바스크립트에서는 문자열을 '' 나 "" 로 감싸주면 됩니다.

 

var c = a + ' 제대로 ' + b;

라고 할 경우 c 의 값은 'IT 제대로 따라잡기' 가 됩니다.

 

2. 문자열 자르기

 a. substr()

  substr은 문자열의 인덱스를 이용해서 특정 부분만 추려 낼 때 주로 사용하는데요.

  가령

  var a = 'IT 따라잡기';

  와 같이 선언을 한 후 b 라는 변수에 '따라잡기'만 저장을 하고 싶을 경우에 사용할 수 있습니다.

var a = 'IT 따라잡기';
var b = a.substr(3, 6);

  대부분의 프로그래밍 언어가 그렇듯, 0에서부터 인덱스가 시작됩니다.

 

  위 코드는 앞에서부터 인덱스를 계산한 거고요, 반대로 뒤에서 할 경우에는

var a = 'IT 따라잡기';
var b = a.substr(-4);

  이렇게 뒤에서 4글자만 출력할 때는 이렇게 사용하시면 됩니다.

 

  만약 맨 뒤의 글자를 자르고 싶을 경우에는

var a = 'IT 따라잡기';
var b = a.substr(0, a.length-1);

  이런식으로 길이를 구하는 length 를 이용해서 -1 번째 까지만 값을 저장하도록 해주면 됩니다.

 

 

3. 문자열 자르기 2(배열 자르기)

 slice() 함수를 사용하면 됩니다.

 방법은 substr과 동일합니다.

 다만 다른 점이라면 배열에 대해서도 적용이 가능하다는 점입니다.

var a = [1,2,3,4,5];
var b = a.slice(0,3);

 이렇게 한 후 출력을 시켜보면 배열[1,2,3]이 출력되는 걸 확인 할 수 있습니다.

 

4. 문자열 나눠서 배열로 저장

 split() 함수를 사용합니다.

 

var a = 'Apple,Google,Kakao';
var b = a.split(',');

콤마(,)로 구분이 되어 있는 문자열이 있는데 이 문자열을 각각의 단어들로 배열에 저장하고 싶을 때(순서대로) 사용하면 좋습니다.