TypeScript:
문자열 대문자화
방법:
TypeScript는 JavaScript의 상위 집합으로, 순수 JavaScript 방식부터 더 복잡하거나 특정 사용 사례에 더 적합한 서드파티 라이브러리를 활용하는 다양한 방법으로 문자열을 대문자화할 수 있습니다.
순수 JavaScript 접근법:
function capitalize(str: string): string {
return str.charAt(0).toUpperCase() + str.slice(1);
}
// 샘플 출력:
console.log(capitalize('hello TypeScript!')); // 'Hello TypeScript!'
이 방법은 간단하며 charAt()
메소드를 사용하여 문자열의 첫 번째 문자에 접근하고 toUpperCase()
로 대문자로 변환합니다. 그 다음 slice(1)
메소드로 문자열의 나머지 부분을 그대로 가져옵니다.
Lodash 라이브러리 사용하기:
이미 Lodash 라이브러리를 사용 중인 프로젝트의 경우 더 적은 보일러플레이트 코드로 같은 결과를 달성할 수 있는 _.capitalize
함수를 활용할 수 있습니다.
먼저, Lodash를 설치하세요:
npm install lodash
그 다음, TypeScript 파일에서 사용하세요:
import * as _ from 'lodash';
// 샘플 출력:
console.log(_.capitalize('hello TypeScript!')); // 'Hello typescript!'
참고: Lodash의 _.capitalize
메소드는 문자열의 나머지 부분을 소문자로 변환하므로 항상 원하는 결과가 아닐 수 있습니다.
정규 표현식 사용하기:
정규 표현식을 사용하면 문자열의 첫 글자를 대문자화하는 간결한 방법을 제공할 수 있으며, 특히 문자열의 각 단어의 첫 글자를 대문자화해야 하는 경우 유용합니다.
function capitalizeWords(str: string): string {
return str.replace(/\b\w/g, char => char.toUpperCase());
}
// 샘플 출력:
console.log(capitalizeWords('hello typescript world!')); // 'Hello Typescript World!'
이 방법은 replace()
함수를 사용하여 단어 경계 뒤에 오는 영숫자 문자(\b\w
)를 찾아 각각을 대문자화합니다. 특히 제목이나 헤딩에 유용합니다.