개발(Development)/JS(자바스크립트)
[JS] 영어 단어/문장 첫글자만 대문자로 바꾸는 초간단 방법 (코드 1줄)
카레유
2023. 8. 23. 10:04
# Javascript - 영어 단어 첫 글자만 대문자로 바꾸는 방법
자바스크립트 자체적으로는 영어 단어의 첫글자만 대문자로 바꾸는 기능이 없다.
하지만 toUpperCase() 와 slice() 등를 적절히 배합하면, 아래와 같은 한 줄 짜리 함수를 만들어 구현할 수 있다.
const capitalize = (str) => `${str.charAt(0).toUpperCase()}${str.slice(1)}`;
const myName = "teddy";
capitalize(myName); // "Teddy"
이 함수의 구동원리는 다음과 같다:
- str.charAt(0)으로 첫글자만 뽑아서 toUppercase()로 대문자로 변환한다.
- str.slice(1)으로 두번째 이후의 모든 문자를 추출하여 그대로 뒤에 붙여 준다.
만약 모든 문자가 대문자라서,
두번째 이후의 문자들을 소문자로 변경할 필요가 있다면 str.slice(1)에 toLowerCase()를 붙여주면 될 것이다.
const capitalize = (str) =>`${str.charAt(0).toUpperCase()}${str.slice(1).toLowerCase()}`;
const myName = "TEDDY";
capitalize(myName); // "Teddy"
# Javascript - 영어 문장 첫 글자만 대문자로 바꾸는 방법
이를 응용하면, "단어" 가 아니라 "문장"의 첫번째 글자만 대문자로 바꾸는 것도 가능하다.
const capitalize = (sentence) => `${sentence.charAt(0).toUpperCase()}${sentence.slice(1)}`;
const mySentence = "teddy is a great developer";
capitalize(mySentence); // "Teddy is a great developer";