<JavaScript> 코딩테스트를 위한 핵심 문법 정리 - 문자열

🎯 일정에 당장 급한 코딩테스트가 생겨 빠르게 정리해보는 JS 핵심 문법

📌 참고자료 - 모던 자바스크립트 Deep Dive (이웅모 / 위키북스)

 

3. 문자열(String)

3-1. length 프로퍼티

'Hello'.length; // -> 5
'안녕하세요!'.length; // -> 6

 

3-2. chartAt 메서드

const str = 'Hello!';

for (let i = 0; i < str.length; i++) {
  console.log(str.charAt[i]); // H e l l o
}

 

3-3. slice 메서드 - 대상 문자열 변경 X

const str = 'hello world';

// 0번째 인덱스부터 5번째 인덱스까지 반환 (5번째 인덱스는 미포함)
str.slice(0, 5); // -> 'hello'

// 2번째 인덱스부터 끝까지 반환
str.slice(2); // -> 'llo world'

// 끝에서 5번째 인덱스까지 반환
str.slice(-5); // -> 'world'

 

3-4. toUpperCase / toLowerCase 메서드 - 대상 문자열 변경 X

const str = 'Hello World';

str.toUpperCase(); // -> 'HELLO WORLD'
str.toLowerCase(); // -> 'hello world'

 

3-5. replace 메서드 - 대상 문자열 변경 X

const str = 'Hello world';

str.replace(/world/gi, 'r1b'); // -> 'Hello rib'

 

3-6. split 메서드 - 대상 문자열 변경 X

const = 'How are you doing?';

// 인수를 기준으로 구분하여 배열로 반환
str.split(' '); // -> ['How', 'are', 'you', 'doing?']

// 두번째 인수로 배열의 길이를 지정
str.split(' ', 3); // -> ['How', 'are', 'you']

// 빈 문자열을 인수로 전달하면 각 문자를 모두 분리
str.split(''); // -> ['H', 'o', 'w', 'a', 'r', 'e', ... , 'n', 'g']

// 인수를 생략하면 대상 문자열 전체를 단일 요소로 하는 배열을 반환
str.split(); // -> ['How are you doing?']

// 배열 메서드 reverse, join를 활용하여 문자열 역순을 반환하는 함수 작성
function reverseString(str) {
  return str.split('').reverse().join('');
}

reverseString('Hello world!'); // -> '!dlrow olleH'