JavaScript String Methods
JavaScript String Methods: 문자열 조작의 이해와 활용
JavaScript에서 문자열은 텍스트 데이터를 표현하는 중요한 데이터 타입이며, 다양한 내장 메서드를 제공합니다. 이 메서드들을 통해 문자열을 쉽게 조작하고, 필요한 형태로 변환할 수 있습니다. 이 가이드는 JavaScript 문자열 메서드의 종류와 활용 방법을 자세히 설명합니다.
1. 문자열 메서드 개요
JavaScript 문자열 메서드는 문자열의 내용을 읽거나, 수정하고, 검색하고, 변환하는 데 사용됩니다. 대부분의 문자열 메서드는 원본 문자열을 변경하지 않고 새로운 문자열을 반환합니다.
1.1. 기본 메서드 사용법
모든 문자열 메서드는 다음과 같이 사용할 수 있습니다:
const str = "Hello, World!";
const result = str.methodName(arguments);
2. 주요 문자열 메서드
2.1. length
문자열의 길이를 반환합니다.
const str = "Hello, World!";
console.log(str.length); // 출력: 13
2.2. charAt()
특정 인덱스에 위치한 문자를 반환합니다.
console.log(str.charAt(0)); // 출력: H
console.log(str.charAt(7)); // 출력: W
2.3. indexOf()
특정 문자열이 처음 나타나는 인덱스를 반환합니다. 찾지 못하면 -1을 반환합니다.
console.log(str.indexOf("World")); // 출력: 7
console.log(str.indexOf("Java")); // 출력: -1
2.4. lastIndexOf()
특정 문자열이 마지막으로 나타나는 인덱스를 반환합니다.
const text = "Hello, World! Welcome to the World!";
console.log(text.lastIndexOf("World")); // 출력: 27
2.5. slice()
문자열의 특정 부분을 잘라내어 반환합니다.
console.log(str.slice(0, 5)); // 출력: Hello
console.log(str.slice(-6)); // 출력: World!
2.6. substring()
시작 인덱스와 종료 인덱스를 지정하여 부분 문자열을 반환합니다.
console.log(str.substring(7, 12)); // 출력: World
2.7. substr()
시작 인덱스와 길이를 지정하여 부분 문자열을 반환합니다. 이 메서드는 현재는 deprecated(사용 중지 권고) 상태입니다.
console.log(str.substr(7, 5)); // 출력: World
2.8. replace()
특정 문자열을 다른 문자열로 교체합니다. 첫 번째 매칭된 문자열만 교체됩니다.
const newStr = str.replace("World", "JavaScript");
console.log(newStr); // 출력: Hello, JavaScript!
2.9. toUpperCase() / toLowerCase()
문자열을 대문자 또는 소문자로 변환합니다.
console.log(str.toUpperCase()); // 출력: HELLO, WORLD!
console.log(str.toLowerCase()); // 출력: hello, world!
2.10. trim()
문자열의 앞뒤 공백을 제거합니다.
const spacedString = " Hello, World! ";
console.log(spacedString.trim()); // 출력: "Hello, World!"
2.11. split()
문자열을 구분자를 기준으로 나누어 배열로 반환합니다.
const csv = "apple,banana,cherry";
const fruits = csv.split(",");
console.log(fruits); // 출력: ["apple", "banana", "cherry"]
2.12. concat()
두 개 이상의 문자열을 결합합니다. 현재는 + 연산자가 더 많이 사용됩니다.
const str1 = "Hello";
const str2 = "World";
const combined = str1.concat(", ", str2, "!");
console.log(combined); // 출력: Hello, World!
2.13. includes()
특정 문자열이 포함되어 있는지 확인하고, 포함되면 true, 아니면 false를 반환합니다.
console.log(str.includes("World")); // 출력: true
console.log(str.includes("Java")); // 출력: false
2.14. repeat()
문자열을 지정한 횟수만큼 반복하여 새로운 문자열을 생성합니다.
const repeatedString = "Ha".repeat(3);
console.log(repeatedString); // 출력: HaHaHa
3. 템플릿 리터럴
ES6부터 도입된 템플릿 리터럴은 백틱(```)을 사용하여 문자열을 작성할 수 있게 해줍니다. 변수를 포함하고, 여러 줄로 작성할 수 있습니다.
3.1. 기본 사용법
const user = "Alice";
const greeting = `Hello, ${user}! Welcome to JavaScript.`;
console.log(greeting); // 출력: Hello, Alice! Welcome to JavaScript.
3.2. 멀티라인 문자열
백틱을 사용하면 여러 줄로 문자열을 작성할 수 있습니다.
const multiline = `This is a string
that spans across multiple lines.`;
console.log(multiline);
요약
- 문자열 메서드: JavaScript는 문자열을 조작할 수 있는 다양한 내장 메서드를 제공합니다. 주요 메서드로는
length,charAt(),indexOf(),slice(),replace(),toUpperCase(),trim(),split()등이 있습니다. - 템플릿 리터럴: 백틱을 사용하여 변수를 포함한 문자열을 쉽게 작성할 수 있으며, 여러 줄 문자열도 지원합니다.
JavaScript의 문자열 메서드를 효과적으로 이해하고 활용하면, 텍스트 데이터의 표현과 조작을 더욱 간편하게 할 수 있습니다.