[JS] 문자열 메소드 모음

코딩테스트를 준비하면서 알아두면 좋을 JS 메소드들을 정리해본다.
다양한 메소드들을 이해하고 사용할 줄 알면, 효율적인 코드 작성이 가능해지기에 익혀둬야 한다.

💾 원본 훼손 X 메소드

• 메소드를 사용해서 원본 데이터를 변경하여도, 원본 데이터가 유지되는 메소드
• 변경 전 데이터와 변경 후 데이터가 각각 다른 메모리를 바라본다.

1. slice (start, end)

• 문자열을 나누는 메소드
• start 번째 index부터, end 번째 index전 까지 추출한다.

  let name = 'LeeApplean';
  let arr = name.slice(3,8); 

  console.log(arr); // 'Apple' -> 3번째 배열부터 8번째 배열전 까지 추출하여 반환
  console.log(name); //'LeeApplean';

• 인수로 음수를 가질 수 있으며, 끝에서 n번째 메소드부터 끝까지 반환한다.

  let name = 'LeeApplean';
  let arr = name.slice(-2); 

  console.log(arr); // 'an'

2. toUpperCase() / toLowerCase()

• toUpperCase(): 문자 및 문자열을 대문자로 변경
• toLowerCase(): 문자 및 문자열을 소문자로 변경

const name = 'Lee Yun Hwan';

console.log(name.toUpperCase()); // 'LEE YUN HWAN';
console.log(name.toLowerCase()); // 'lee yun hwan';
console.log(name[0].toLowerCase()); // 'l'

3. replace (original_string, change_string)

• 문자열에서 특정 문자열을 원하는 문자열로 변경하는 메소드.
• 기본적으로 대/소문자를 구분한다.

3.1. 기본 사용법

• 가장 첫 번째로 일치하는 항목만 변경한다.

const str1 = 'pop corn corn';
console.log(str1.replace('corn', 'state')); // 'pop state corn'

3.2. 모든 항목 교체 (w. 정규표현식)

• /string/g : string에 해당하는 모든 문자열을 교체할 수 있다.

const str2 = 'ice cream yous cream';
console.log(str2.replace(/cream/g, 'Box')); // 'ice Box yous Box'

• /string/gi : 대/소문자 상관없이 모든 문자열 교체

const str3 = 'you You you you magnetic ';
console.log(str3.replace(/you/gi, 'super')); // 'super super super super magnetic'

4. split ('기준 문자',length)

• 문자열에서 특정 문자를 기준으로 길이만큼의 배열을 생성한다.

const str = 'Lee Yun Hwan unanakadev';

// 공백을 기준으로 구분
console.log(str.split(' ')); // [Lee, Yun, Hwan, unanakadev]

// 공백을 기준으로 2개까지
console.log(str.split(' ', 2)); // [Lee, Yun] 

// 문자로 모두 분리 (공백 포함)
console.log(str.split('')); // ['L', 'e', 'e', ,' ', 'Y', ... , 'a', 'n']

// 인수를 생략 시, 전체 문자열을 단일 요소로 하는 배열 반환
console.log(str.split()); // ['Lee Yun Hwan']

• 문자열.split('')의 경우, [...문자열]와 같이 스프레드 연산자 형태로 표현할 수 있다.

console.log([...str]); // ['L', 'e', 'e', ,' ', 'Y', ... , 'a', 'n']

5. repeat (num)

• 쓰임: 문자열
• 문자열을 num만큼 반복한다. (문자열 곱하기)

const str = 'hello';

console.log(str.repeat(3)); // 'hellohellohello'

💣 원본 훼손 메소드

• 메소드를 사용해서 원본 데이터를 변경하면, 원본 데이터가 훼손되는 메소드.
• 원본이 훼손되므로 사용에 주의해야한다.
• 스프레드 연산자([...arr])를 사용하여 원본 훼손을 막을 수도 있다.

1. splice (start_index, delete_length, change_string)

• 쓰임: 배열
• 시작 index부터 delete_length만큼 지우고 바꿀 문자열(change_string)을 넣는다.

const arr = ['lee', 'yun', 'hwan']; // index: [0] [1] [2]
arr.splice(0,1,'kim');
console.log(arr); // ['kim','yun','hwan']

//join()을 사용하여 문자열로 변경할 수 있다.
console.log(arr.join(''));