Javascript 문장 첫 글자를 대문자로 바꾸는 함수

오늘은 아주 간단한 자바스크립트 코드를 배워 봅니다. 단 한줄로 문장 첫 글자를 대문자로 바꾸는 함수입니다.

const capFunc = str => str.charAt(0).toUpperCase() + str.slice(1)

capFunc("nice to meet you) //결과 : Nice to meet you

간단히 설명해보겠습니다.

배열.charAt(인덱스 번호) 은 괄호 안에 있는 숫자 번째의 문자를 찾아냅니다.
( nice to meet you의 0번째는 “n” 이죠)

toUpperCase() 는 앞에서 찾아낸 n 을 대문자로 바꾸는 메소드입니다. (‘n’ => ‘N’)

배열.slice(시작 인덱스 번호, 끝 인덱스 번호) 는 시작번째부터 끝번째까지 잘라내서 가져옵니다. 만약 끝 번호가 없고 시작 인덱스 번호만 있다면 그 시작번호부터 그냥 끝까지 가져옵니다.
예) str.slice(0,2) //결과 nic
예) str.slice(1) //결과 ice to meet you

위의 한 줄짜리 화살표 함수를 예전 버전으로 표현 아래와 같습니다.

const capFunc = function(str) {
  return str.charAt(0).toUpperCase() + str.slice(1)
}

charAt(), indexOf(), substring() 의 차이점

"감나무밭".charAt(2) : 2번 인덱스에 해당하는 문자 한 개만 가져옴 : “무”

"감나무밭.indexOf("밭") : “밭”에 해당하는 인덱스 번호를 가져옴 : 3

"감나무밭.substring(1,3) : 1번 인덱스 번호부터 3번 인덱스까지 여러 개의 문자를 모두 가져옴 : “나무”

답글 남기기

5 + 19 =