오늘은 아주 간단한 자바스크립트 코드를 배워 봅니다. 단 한줄로 문장 첫 글자를 대문자로 바꾸는 함수입니다.
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번 인덱스까지 여러 개의 문자를 모두 가져옴 : “나무”