자주 쓰이는 자바스크립트 문자열 메소드 정리 (Javascript)

자바스크립트에서 자주 쓰이는 문자열 메소드들을 정리해보려고 한다.

charAt

문자열에서 특정 인덱스에 위치한 문자를 반환한다.

let str = "Hello World";
console.log(str.charAt(0)); // "H"

concat

하나 이상의 문자열을 기존 문자열에 연결하여 새 문자열을 반환한다.

let hello = "Hello";
let world = "World";


console.log(hello.concat(world)); // HelloWorld
console.log(hello.concat("", world)); // HelloWorld

console.log(hello.concat(" ", world)); // "Hello World"

console.log(hello.concat(",", world)); // Hello,World

includes

문자열이 특정 문자열을 포함하고 있는지 여부를 반환한다.

let str = "Hello World";
console.log(str.includes("World")); // true

indexOf

문자열 내에서 주어진 값이 처음으로 나타나는 위치의 인덱스를 반환한다. 값이 없으면 -1을 반환한다.

let str = "Hello World";
console.log(str.indexOf("World")); // 6

lastIndexOf

주어진 값이 문자열에서 마지막으로 나타나는 위치의 인덱스를 반환한다. 값이 없으면 -1을 반환한다.

let str = "Hello World, Hello Moon";
console.log(str.lastIndexOf("Hello")); // 13

replace

문자열에서 패턴에 매칭되는 부분을 다른 문자열로 대체한다.

let str = "Hello World";
console.log(str.replace("World", "Moon")); // "Hello Moon"

slice

문자열의 일부를 추출하여 새로운 문자열을 반환한다.

let str = "Hello World";
console.log(str.slice(0, 5)); // "Hello"

split

문자열을 배열로 분리한다.

let str = "Hello World";

console.log(str.split()); // ["Hello World"]

console.log(str.split("")); // ["H", "e", "l", "l", "o", " ", "W", "o", "r", "l", "d"]

console.log(str.split(" ")); // ["Hello", "World"]

toLowerCase(), toUpperCase()

문자열을 소문자(toLowerCase) 또는 대문자(toUpperCase)로 변환한다.

let str = "Hello World";
console.log(str.toLowerCase()); // "hello world"
console.log(str.toUpperCase()); // "HELLO WORLD"