JavaScript에서 각 단어의 첫 글자만 대문자로 변환하고 나머지는 소문자로 만드는 방법

개요

문자열의 모든 단어에 대해 첫 글자만 대문자로 표시하고, 나머지 글자는 소문자로 변환된 문자열을 얻으려면 toUpperCase()와 toLowerCase() 메서드를 함께 사용하면 됩니다.

기본적인 처리 흐름은 다음과 같습니다.

• split(' ')으로 문자열을 공백 기준으로 단어별로 분리합니다.
• map()을 이용해 각 단어의 첫 글자는 toUpperCase()로 대문자로 바꾸고, 나머지 부분은 slice(1)로 추출한 뒤 toLowerCase()로 소문자화합니다.
• join(' ')으로 다시 하나의 문자열로 합칩니다.

예제 코드

function capitalEveryFirstletter(subjectTitle) {
    return subjectTitle.split(' ')
    .map(st => st.charAt(0).toUpperCase() + st.slice(1).toLowerCase())
    .join(' ');
}

var subjectTitle = "iNtroduction tO JavaScript ProgRAMMINg";
var output = capitalEveryFirstletter(subjectTitle);
console.log("The result=" + output);

프로그램 실행 방법

위 프로그램을 실행하려면 Node.js 환경에서 다음 명령어를 입력합니다.

node 파일이름.js

여기서는 파일 이름을 demo74.js로 저장하여 실행했습니다.

실행 결과

위 코드를 실행하면 다음과 같은 결과가 출력됩니다.

PS C:\Users\Amit\JavaScript-code> node demo74.js
The result=Introduction To JavaScript Programming

코드 설명

입력 문자열 "iNtroduction tO JavaScript ProgRAMMINg"처럼 대소문자가 뒤섞여 있더라도, 각 단어가 공백으로 분리된 후 첫 글자만 대문자로, 나머지는 모두 소문자로 정규화되어 "Introduction To JavaScript Programming"이라는 깔끔한 형태의 문자열이 반환됩니다.

이 방식은 게시글 제목, 상품명, 사용자 입력 데이터 등을 일관된 제목 스타일(Title Case)로 표시해야 할 때 유용하게 활용할 수 있습니다.