📋 JavaScript의 유용한 문자열 메소드 정리

이번 포스팅에선 배열 메소드에 이어 자주 쓰이는 문자열 메소드를 정리해보겠다.

---

📌 1. indexOf

str.indexOf(searchValue, fromIndex)

let str = 'Hi my name is Kim!';
 
console.log(str.indexOf('m'));  // 3
console.log(str.indexOf('name')); // 6
console.log(str.indexOf('i' , 3)); // 11
console.log(str.indexOf("한글")); // -1

• 문자열 내에 인수로 전달한 문자열이 포함되어있는지 확인하고 인덱스를 반환한다.
• fromIndex는 문자열에서 찾기 시작하는 위치를 나타내는 인덱스 값이고, 어떤 정수값이라도 가능하다.

---

📌 2. includes

str.includes(searchString, position)

let str = 'Hi my name is Kim!';

console.log(str.includes('Kim')); // true
console.log(str.includes('Hi', 3)); // false

• 문자열에 특정한 문자열이 포함되어있는지 확인하고 boolean을 반환한다.
• position Optional은 searchString을 찾기 시작할 위치이고 기본값은 0이다.

---

📌 3. split

str.split(separator, limit)

let str = '안녕하세요 제 이름은 김진영입니다.';

console.log(str.split(' ')); // ['안녕하세요', '제', '이름은', '김진영입니다.']
console.log(str.split(' ', 1)); // ['안녕하세요']
console.log(str); // 안녕하세요 제 이름은 김진영입니다.

• 문자열을 separator를 기준으로 나눈 뒤 배열로 반환한다.
• position Optional은 searchString을 찾기 시작할 위치이고 기본값은 0이다.
• 기존 문자열을 변경하지 않는다.

---

📌 4. slice

str.slice(beginIndex, endIndex)
let str = 'Hi my name is Kim!';

console.log(str.slice(6, 10)); // name
console.log(str.slice(3)); // my name is Kim!
console.log(str.slice(2, -3)); // my name i
console.log(str.slice(-4)); // Kim
console.log(str.slice(-3)); // im

• 문자열의 beginIndex부터 endIndex - 1까지를 추출해서 새로운 문자열을 반환한다.
• 기존 문자열을 변경하지 않는다.

---

📌 5. replace

str.replace(regexp|substr, newSubstr|function)


let str = 'WHAT what WhAt';

// 최초 등장하는 패턴을 하나만 찾는다.
console.log(str.replace('a', 'ㅏ')); // WHAT whㅏt WhAt
// 등장하는 모든 패턴을 찾는다.
console.log(str.replace(/A/g, 'ㅏ')); // WHㅏT what Whㅏt
// 대소문자 구분 없이 등장하는 모든 패턴을 찾는다.
console.log(str.replace(/a/gi, 'ㅏ')); // WHㅏT whㅏt Whㅏt

console.log(str); // WHAT what WhAt

• 정규식에 일치하는 패턴을 찾은 뒤 그것을 교체한 문자열을 반환한다.
• 기존 문자열을 변경하지 않는다.

---

📌 6. repeat

str.repeat(count)

let str = "Hello!";

console.log(str.repeat(0)); // 아무것도 출력되지 않는다.
console.log(str.repeat(1)); // Hello!
console.log(str.repeat(2)); // Hello!Hello!
console.log(str.repeat(-1)); // Error

console.log(str) Hello!

• count만큼 문자열을 반복한 후 반환한다.
• 기존 문자열을 변경하지 않는다.