본문 바로가기
개발(Development)/JS(자바스크립트)

[JS] 영어 단어/문장 첫글자만 대문자로 바꾸는 초간단 방법 (코드 1줄)

by 카레유 2023. 8. 23.

# 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";

 

 

 

댓글