자바스크립트에는 문자열을 다룰 수 있게 만들어 주는 내장함수들이 존재한다.
이번 포스트에서는 문자열의 내장함수들 중 많이 쓰이는 것들을 알아보자.

1. indexOf

indexOf 는 인수로 전달받은 문자열을 검색하여 첫 번째 인덱스를 반환한다. 찾지 못하면 -1를 반환한다.

const str = "Hello World World Hello"

console.log(str.indexOf("W")) // 6
console.log(str.indexOf("Hello")) // 0
console.log(str.indexOf("hi")) // -1

2. includes

includes 는 인수로 전달받은 문자열이 포함되어 있는지 확인하여 true, false 를 반환한다.

const str = "Hello World"

console.log(str.indexOf("Hello")) // true
console.log(str.indexOf("hi")) // false

3. substring

substring(begin, end) 은 begin 인덱스 위치부터 end인덱스 바로 앞 문자
까지의 부분문자열을 반환한다. end가 없으면 begin 인덱스 위치부터 마지막 문자까지의 부분문자열을 반환한다.

const str = "Hello World"

console.log(str.substring(3, 7)) // lo W 
console.log(str.substring(3)) // lo World

4. replace, replaceAll

replace(s1, s2) 는 문자열에서 s1문자열을 찾아 s2문자열로 교체한 문자열을 반환한다. s1 문자열이 여러개면 첫번째 s1만 s2로 교체한다. 반면에 replaceAll(s1, s2) 는 모든 s1 문자열을 s2로 교체한다.

const str = "Hello World Hello World"

console.log(str.replace("World", "Jaeheon")) // Hello Jaeheon Hello World
console.log(str.replaceAll("World", "Jaeheon")) // Hello Jaeheon Hello Jaeheon

5. split

split(str) 은 str을 기준으로 문자열을 분리한 후 분리된 문자열
을 원소로 갖는 배열을 반환한다.

const str1 = "hello"
const str2 = "cat/dog/horse"

console.log(str1.split("")) // ["h", "e", "l", "l", "o"] 
console.log(str2.split("/")) // ["cat", "dog", "horse"]

6. concat

concat 은 두 개의 문자열을 서로 붙여주는 함수이다.

const str1 = "Hello"
const str2 = "World"

console.log(str1.concat(str2))  // HelloWorld
console.log(str1.concat(" ", str2)) // Hello World

마치며

이번 포스트에서는 자바스크립트의 문자열 내장함수에 대해서 알아보았다. 문자열을 다룰 일이 많을텐데 그 때마다 유용하게 잘 사용해야겠다. 그럼 안녕!! (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧