자바스크립트 문자열 메서드 총 정리

기본적인 문자열 메서드

자바스크립트에는 문자열에 사용할 수 있는 많은 메서드가 있다. 그중 몇 가지를 살펴보자.

indexOf()

문자열에서 지정된 값이 처음 나타나는 위치를 반환한다.

const str = "this is short sentence";
str.indexOf(0, 5);
// 출력 : 10

slice()

문자열의 지정된 부분을 새 문자열로 반환한다.

const str = "pizza, orange, cereals";
str.slice(0, 5);
// 출력 : "pizza"

toUpperCase()

문자열 내의 모든 문자를 대문자로 바꾼다.

const str = "i ate an apple";
str.toUpperCase();
// 출력 : "I ATE AN APPLE"

toLowerCase()

문자열 내의 모든 문자를 소문자로 바꾼다.

const str = "I ATE AN APPLE";
str.toUpperCase();
// 출력 : "i ate an apple"

그 외에도 많은 메서드가 있다. 이것들은 대표적인 몇 가지 예에 불과하다. 위에서 예로 든 메서드 등에 대한 자세한 설명은 링크 ← 여기서

새로운 문자열 메서드

ES6에서는 4가지 새로운 문자열 메서드를 도입했다.

• startsWith()
• endsWith()
• includes()
• repeat()

startsWith()

이 메서드는 매개변수로 받은 값으로 문자열이 시작하는지 확인한다.

const code = "ABCDEFG";

code.startsWith("ABB");
// false
code.startsWith("abc");
// false (startsWith는 대소문자를 구별한다.)
code.startsWith("ABC");
// true

매개변수를 추가로 전달하면 메서드가 검사를 시작하는 시작점을 지정할 수도 있다.

const code = "ABCDEFGHI";

code.startsWith("DEF",3);
// true

endsWith()

이 새로운 메서드는 startsWith()와 유사하게 문자열이 우리가 전달한 값으로 끝나는지 확인한다.

const code = "ABCDEFG";

code.endsWith("DDD");
// false
code.endsWith("def");
// false (endsWith는 대소문자를 구별한다.)
code.endsWith("DEF");
// true

추가 매개변수로 문자열이 얼마큼만을 확인할지 길이를 전달할 수 있다.

const code = "ABCDEFGHI";

code.endsWith("EF",6);
// true (첫 6개 문자인 ABCDEF만을 고려하며, ABCDEF는 EF로 끝나므로)

includes()

이 메서드는 우리가 전달한 값이 문자열에 포함되어 있는지 확인한다.

const code = "ABCDEF";

code.includes("ABB");
// false
code.includes("abc");
// false (includes는 대소문자를 구별한다.)
code.includes("CDE");
// true

repeat()

이름에서 알 수 있듯이 이 새로운 메서드는 문자열을 반복하며 횟수를 인수로 받는다.

let hello = "Hi";
console.log(hello.repeat(10));
// HiHiHiHiHiHiHiHiHiHi

참고 : 모던 자바스크립트 강의