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 문자열 메서드는 다양하며, 상황에 따라 적절히 사용하여 효율적인 문자열 처리를 할 수 있습니다. 특정 메서드에 대한 추가 설명이 필요하시면 댓글로 알려주세요!
'Develop > HTML & JavaScript & CSS' 카테고리의 다른 글
JavaScript logMessage (1) | 2024.12.26 |
---|---|
JavaScript 배열 메서드 정리 (0) | 2024.12.24 |
VSCode Extensions (0) | 2024.12.23 |
JavaScript ES6 공부하기(ES5 Base) feat.ChatGPT (0) | 2024.12.17 |
(참고) 사용자 입력 텍스트를 바이트(byte) 길이로 제한 (0) | 2023.11.29 |