[JAVASCRIPT] 문자열(string)의 첫 글자를 대문자로 바꾸기

JAVASCRIPT

---

영문 첫 글자를 대문자로

영어에는 첫 글자를 대문자로 표기하는 대문자 표기규칙(Capitalization)이 있는데요. 자바스크립트를 사용해서 Capitalization을 쉽게 구현할 수 있습니다.

 

다음의 두 가지 문자열 메소드를 활용합니다.

 

charAt

str.charAt(index)

문자열에서 인자로 전달한 index에 해당하는 단일문자를 반환합니다.

 

slice

str.slice(beginIndex[, endIndex])

문자열의 beginIndex부터 endIndex 전까지의 부분문자열을 추출합니다.

endIndex가 주어지지 않으면 beginIndex부터 마지막 문자까지 포함하는 문자열을 추출합니다.

 

 

예시

"i like coding"이라는 문자열이 있습니다.

const str = "i like coding";
console.log(str); // "i like coding"

 

charAt()으로 0번 인덱스의 문자(첫 글자)를 추출한 후 toUpperCase()를 사용해 대문자로 치환합니다.

console.log(str.charAt(0).toUpperCase()); // "I"

 

slice()로 i 뒤에있는 공백부터 마지막 문자까지 포함하는 부분 문자열을 얻습니다.

console.log(str.slice(1)); // " like coding";

 

두 가지 문자열을 합쳐주면 완성입니다.

console.log(str.charAt(0).toUpperCase() + str.slice(1)); // "I like coding";

 

함수로 구현한 코드입니다.

function capitalize(str) {
	return str.charAt(0).toUpperCase() + str.slice(1);
}
const message = "i like coding";
console.log(capitalize(message)); // "I Like coding"

 

*참고

아래는 정규식을 활용하는 방법입니다.

const message = "i like coding";
console.log(message.replace(/\b[a-z]/, letter => letter.toUpperCase())); // "I like coding"

 

감사합니다.

 

---

MDN document - String.prototype.charAt()

String.prototype.charAt() - JavaScript | MDN

MDN document - String.prototype.slice()

String.prototype.slice() - JavaScript | MDN