Chapter 05: 문자열 메서드 (Additional string methods)

💡 도서 모던 자바스크립트 핵심 가이드를 읽고 정리합니다.

5.1 기본적인 문자열 메서드

---

indexOf()

Gets the position of the first occurrence of the specified value in a string.

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

const str = "this is a short sentence";
str.indexOf("short");
// Output: 10

활용 예시

// 파일의 확장자 혹은 정규식 검사 등에 많이 사용된다.
if ( file.indexOf("xlsx") > -1  ) {
    // ...
}

slice()

Pulls a specified part of a string as a new string.

문자열의 지정된 부분을 새 문자열로 반환 (원본은 변하지 않음)

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

toUpperCase()

Turns all characters of a string to uppercase.

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

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

toLowerCase()

Turns all characters of a string to lowercase.

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

const str = "I ATE AN APPLE"
str.toLowerCase()
// Output: "i ate an apple"

5.2 새로운 문자열 메서드

---

다음 네 가지 메서드는 ES6에서 새로 도입된 메서드이다

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

startsWith()

This new method will check if the string starts with the value we pass in:

매개변수로 받은 값으로 문자열이 시작하는지 확인하여 boolean 값을 반환한다.

const code = "ABCDEFG";

code.startsWith("ABB");
// false
code.startsWith("abc");
// false, startsWith is case sensitive
code.startsWith("ABC");
// true

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

const code = "ABCDEFGHI"

code.startsWith("DEF",3);
// true, 3개 문자를 지나서 계산

endsWith()

Similarly to startsWith(), this new method will check if the string ends with the value we pass in:

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

const code = "ABCDEF";

code.endsWith("DDD");
// false
code.endsWith("def");
// false, endsWith is case sensitive
code.endsWith("DEF");
// true

매개변수를 전달하여 검사할 문자열의 범위를 전달할 수 있다.

const code = "ABCDEFGHI"

code.endsWith("EF", 6);
// true, 첫 6개 문자인 ABCDEF만을 고려

includes()

This method will check if our string includes the value we pass in.

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

const code = "ABCDEF"

code.includes("ABB");
// false
code.includes("abc");
// false, includes is case sensitive
code.includes("CDE");
// true

repeat()

This new method will take an argument that specifies the number of times it needs to repeat the string .

횟수를 인수로 받아 문자열을 횟수만큼 반복한다.

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