# 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";
'개발(Development) > JS(자바스크립트)' 카테고리의 다른 글
[JS] 배열 중복 요소 제거 방법 (코드 1줄 ) (0) | 2023.08.24 |
---|---|
[JS] 배열에서 랜덤으로 요소 추출하는 초간단 방법 (코드 1줄) (0) | 2023.08.23 |
[JS] Shallow Copy & Deep Copy 기본 개념, 원리 (feat. 값 vs. 레퍼런스 전달) (0) | 2023.08.22 |
[Typescript] @ts-ignore vs. @ts-expect-error 차이, 사용법(타입 에러 무시) (0) | 2023.05.09 |
[Typescript] 설치 및 초기 세팅 방법(node.js 환경) (0) | 2023.05.08 |
댓글