javascript 문자열 처리 함수들

프론트엔드에서 가장 많이 처리되는 문자열 데이터 타입을 잘 다루기 위해 유용한 함수들을 정리 해 본다. str변수를 여러 곳에서 사용할 것이니 참고 바란다.

let str = "Hello, world!";

기본 문자열 함수

length: 문자열의 길이를 반환합니다.

console.log(str.length); // 13

charAt(index): 특정 인덱스에 있는 문자를 반환합니다.

console.log(str.charAt(0)); // "H"

charCodeAt(index): 특정 인덱스에 있는 문자의 유니코드 값을 반환합니다.

console.log(str.charCodeAt(0)); // 72

concat(str1, str2, ...): 문자열을 합칩니다.

let str1 = "Hello";
let str2 = "world";
console.log(str1.concat(", ", str2, "!")); // "Hello, world!"

!ES6 문법
includes(searchString, position): 문자열이 특정 문자열을 포함하는지 확인합니다.

console.log(str.includes("world")); // true

indexOf(searchValue, fromIndex): 문자열 내에서 특정 값이 처음으로 나타나는 인덱스를 반환합니다.

console.log(str.indexOf("world")); // 7

lastIndexOf(searchValue, fromIndex): 문자열 내에서 특정 값이 마지막으로 나타나는 인덱스를 반환합니다.

console.log(str.lastIndexOf("l")); // 10

!ES6 문법
repeat(count): 문자열을 주어진 횟수만큼 반복합니다.

console.log("abc".repeat(3)); // "abcabcabc"

문자열 조작

slice(start, end): 문자열의 일부분을 추출하여 새로운 문자열을 반환합니다.

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

substring(start, end): 문자열의 일부분을 추출합니다. slice와 비슷하지만 음수 인덱스를 사용할 수 없습니다.

console.log(str.substring(0, 5)); // "Hello"

문자열 변환

toLowerCase(): 문자열을 소문자로 변환합니다.

console.log(str.toLowerCase()); // "hello, world!"

toUpperCase(): 문자열을 대문자로 변환합니다.

console.log(str.toUpperCase()); // "HELLO, WORLD!"

trim(): 문자열의 앞뒤 공백을 제거합니다.

let strWithSpaces = "  Hello, world!  ";
console.log(strWithSpaces.trim()); // "Hello, world!"

trimStart() / trimLeft(): 문자열의 앞쪽 공백을 제거합니다.

console.log(strWithSpaces.trimStart()); // "Hello, world!  "

trimEnd() / trimRight(): 문자열의 뒤쪽 공백을 제거합니다.

console.log(strWithSpaces.trimEnd()); // "  Hello, world!"

문자열 검색

!ES6 문법
startsWith(searchString, position): 문자열이 특정 문자열로 시작하는지 확인합니다.

console.log(str.startsWith("Hello")); // true

!ES6 문법
endsWith(searchString, length): 문자열이 특정 문자열로 끝나는지 확인합니다.

console.log(str.endsWith("!")); // true

match(regex): 정규 표현식과 일치하는 문자열을 찾습니다.

let regex = /world/;
console.log(str.match(regex)); // ["world"]

search(regex): 정규 표현식과 일치하는 문자열의 인덱스를 반환합니다.

console.log(str.search(regex)); // 7

replace(searchValue, newValue): 문자열의 특정 부분을 다른 문자열로 대체합니다.

console.log(str.replace("world", "JavaScript")); // "Hello, JavaScript!"

replaceAll(searchValue, newValue): 문자열의 모든 일치 부분을 다른 문자열로 대체합니다.

let str2 = "hello hello hello";
console.log(str2.replaceAll("hello", "hi")); // "hi hi hi"

문자열 분할, 결합

split(separator, limit): 문자열을 주어진 구분자를 기준으로 나누어 배열로 반환합니다.

let fruits = "apple,banana,cherry";
console.log(fruits.split(",")); // ["apple", "banana", "cherry"]

join(separator): 배열의 모든 요소를 문자열로 결합합니다.

let arr = ["apple", "banana", "cherry"];
console.log(arr.join(", ")); // "apple, banana, cherry"