이번 포스팅에서는 JavaScript에서 자주 사용되는 문자열 관련 함수 20가지를 소개하고, 각 함수에 대한 예제를 통해 쉽게 이해할 수 있도록 하겠습니다.
1. length
문자열의 길이를 반환합니다.
예제:
let str = "Hello, World!";
console.log(str.length); // 13
2. charAt()
특정 인덱스에 있는 문자를 반환합니다.
예제:
let str = "JavaScript";
console.log(str.charAt(0)); // J
3. charCodeAt()
특정 인덱스에 있는 문자의 유니코드 값을 반환합니다.
예제:
let str = "A";
console.log(str.charCodeAt(0)); // 65
4. slice()
문자열의 일부를 잘라서 새로운 문자열을 반환합니다.
예제:
let str = "Hello, World!";
console.log(str.slice(0, 5)); // Hello
5. substring()
부분 문자열을 반환합니다. 인덱스가 더 큰 경우 자동으로 스왑합니다.
예제:
let str = "Hello, World!";
console.log(str.substring(7, 12)); // World
6. substr()
시작 인덱스와 길이를 사용하여 부분 문자열을 반환합니다.
예제:
let str = "Hello, World!";
console.log(str.substr(0, 5)); // Hello
7. replace()
문자열 내의 특정 부분을 대체합니다.
예제:
let str = "Hello, World!";
console.log(str.replace("World", "JavaScript")); // Hello, JavaScript!
8. split()
문자열을 특정 구분자로 나누어 배열로 반환합니다.
예제:
let str = "사과,바나나,체리";
console.log(str.split(",")); // ["사과", "바나나", "체리"]
9. concat()
여러 문자열을 연결하여 새로운 문자열을 만듭니다.
예제:
let str1 = "안녕하세요";
let str2 = " 여러분!";
console.log(str1.concat(str2)); // 안녕하세요 여러분!
10. toUpperCase()
모든 문자를 대문자로 변환합니다.
예제:
let str = "hello";
console.log(str.toUpperCase()); // HELLO
11. toLowerCase()
모든 문자를 소문자로 변환합니다.
예제:
let str = "HELLO";
console.log(str.toLowerCase()); // hello
12. includes()
주어진 문자열이 특정 문자열을 포함하는지 확인합니다.
예제:
let str = "JavaScript는 프로그래밍 언어입니다.";
console.log(str.includes("JavaScript")); // true
13. indexOf()
특정 문자열이 처음으로 나타나는 인덱스를 반환합니다. 없으면 -1을 반환합니다.
예제:
let str = "Hello, World!";
console.log(str.indexOf("World")); // 7
14. lastIndexOf()
특정 문자열이 마지막으로 나타나는 인덱스를 반환합니다.
예제:
let str = "Hello, World! Hello!";
console.log(str.lastIndexOf("Hello")); // 13
15. startsWith()
문자열이 특정 문자열로 시작하는지 확인합니다.
예제:
let str = "JavaScript";
console.log(str.startsWith("Java")); // true
16. endsWith()
문자열이 특정 문자열로 끝나는지 확인합니다.
예제:
let str = "JavaScript";
console.log(str.endsWith("Script")); // true
17. trim()
문자열의 앞과 뒤에 있는 공백을 제거합니다.
예제:
let str = " Hello, World! ";
console.log(str.trim()); // Hello, World!
18. padStart()
문자열의 길이를 특정 길이로 만들고, 부족한 경우 앞에 지정된 문자열을 추가합니다.
예제:
let str = "5";
console.log(str.padStart(2, "0")); // 05
19. padEnd()
문자열의 길이를 특정 길이로 만들고, 부족한 경우 뒤에 지정된 문자열을 추가합니다.
예제:
let str = "5";
console.log(str.padEnd(2, "0")); // 50
20. repeat()
문자열을 지정된 횟수만큼 반복하여 새로운 문자열을 반환합니다.
예제:
let str = "안녕하세요!";
console.log(str.repeat(3)); // 안녕하세요!안녕하세요!안녕하세요!
21.마치며
이렇게 JavaScript의 문자열 관련 함수 20가지를 살펴보았습니다. 각 함수를 활용해 문자열을 효과적으로 조작할 수 있으니, 필요할 때마다 이 함수를 참고하시기 바랍니다! 다음 시간에도 유용한 정보를 가지고 돌아오겠습니다. 감사합니다!
'IT프로그램 언어 > JavaScript' 카테고리의 다른 글
Java스크립트(Number 객체: 주요 멤버) (0) | 2024.11.30 |
---|---|
Java스크립트(예외 처리: try...catch 문과 throw 문) (0) | 2024.11.27 |
Java스크립트(템플릿 리터럴, 구조 분해 할당, 기본 매개변수, Spread & Rest 연산자) (1) | 2024.11.26 |
Java스크립트(Async/Await) (0) | 2024.11.26 |
Java스크립트(Promise) (3) | 2024.11.25 |