본문 바로가기

Develop/HTML & JavaScript & CSS

JavaScript 문자열 메서드 정리

JavaScript에서 문자열 처리를 위한 다양한 메서드를 활용하여 문자열을 검색, 변환, 조작할 수 있습니다. 이 글에서는 주요 문자열 메서드를 간단한 예제와 함께 정리해 보겠습니다.

문자열 검색 메서드

1. charAt(index): 지정된 인덱스의 문자를 반환합니다.

let str = "Hello";
console.log(str.charAt(1)); // "e"

 

2. charCodeAt(index): 지정된 인덱스의 UTF-16 코드(숫자)를 반환합니다.

console.log("A".charCodeAt(0)); // 65

 

3. indexOf(searchValue, fromIndex?): 특정 문자열을 처음 찾은 위치의 인덱스를 반환합니다.

let str = "JavaScript";
console.log(str.indexOf("Script")); // 4

 

4. lastIndexOf(searchValue, fromIndex?): 특정 문자열을 마지막으로 찾은 위치의 인덱스를 반환합니다.

let str = "JavaScriptScript";
console.log(str.lastIndexOf("Script")); // 10

 

5. includes(searchValue, fromIndex?): 문자열에 특정 값이 포함되어 있는지 확인합니다.

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

 

6. startsWith(searchValue, position?): 문자열이 특정 값으로 시작하는지 확인합니다.

console.log("JavaScript".startsWith("Java")); // true

 

7. endsWith(searchValue, length?): 문자열이 특정 값으로 끝나는지 확인합니다.

console.log("Hello World".endsWith("World")); // true

 

문자열 추출 메서드

1. slice(startIndex, endIndex?): 문자열의 일부를 추출하여 반환합니다.

let str = "JavaScript";
console.log(str.slice(0, 4)); // "Java"

 

2. substring(startIndex, endIndex?): 지정된 범위의 문자열을 반환합니다.

console.log("JavaScript".substring(4, 10)); // "Script"

 

3. substr(startIndex, length?): 지정된 위치에서 길이만큼 반환합니다. (Deprecated)

console.log("JavaScript".substr(4, 6)); // "Script"

 

문자열 변환 메서드

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

console.log("Hello".toLowerCase()); // "hello"

 

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

console.log("Hello".toUpperCase()); // "HELLO"

 

3. trim(): 문자열 양쪽의 공백을 제거합니다.

console.log("  Hello World  ".trim()); // "Hello World"

 

4. trimStart() / trimEnd(): 문자열 앞쪽 또는 뒤쪽 공백을 제거합니다.

console.log("  Hello".trimStart()); // "Hello"
console.log("Hello  ".trimEnd());   // "Hello"

 

문자열 분할 및 병합

1. split(separator, limit?): 문자열을 구분자로 나눠 배열로 반환합니다.

let str = "a,b,c";
console.log(str.split(",")); // ["a", "b", "c"]

 

2. concat(...strings): 문자열을 연결합니다.

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

 

문자열 치환 메서드

1. replace(searchValue, replaceValue): 첫 번째 일치하는 문자열을 대체합니다.

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

 

2. replaceAll(searchValue, replaceValue): 모든 일치하는 문자열을 대체합니다.

console.log("aabbcc".replaceAll("b", "B")); // "aaBBcc"

 

기타 메서드

1. repeat(count): 문자열을 지정된 횟수만큼 반복합니다.

console.log("Hi".repeat(3)); // "HiHiHi"

 

2. padStart(targetLength, padString?): 문자열 앞쪽에 길이만큼 문자를 채웁니다.

console.log("5".padStart(3, "0")); // "005"

 

3. padEnd(targetLength, padString?): 문자열 뒤쪽에 길이만큼 문자를 채웁니다.

console.log("5".padEnd(3, "0")); // "500"

 

JavaScript 문자열 메서드는 다양하며, 상황에 따라 적절히 사용하여 효율적인 문자열 처리를 할 수 있습니다. 특정 메서드에 대한 추가 설명이 필요하시면 댓글로 알려주세요!