[JavaScript] How to make the first letter uppercased and the rest lowercased | 첫글자만 대문자로 만드는법
charAt()과 slice()를 적절히 활용한다.
자바스크립트로 연습을 하다가 input
값을 넣지 않고 제출을 눌렀을 때 해당 정보가 필요하다는 안내문구를 띄우는 코드를 작성하게 됐다. input
의 id
값은 id, password, email 등 모두 소문자로 이루어져 있는데, 안내문구의 첫 단어로 활용하기 위해서는 첫 알파벳을 대문자로 구현해야 했다. 해결한 코드는 다음과 같다.
//Check Required Fields
function checkRequired(inputArr) {
inputArr.forEach(function(input) {
if (input.value.trim() === '') {
showError(input, `${getFieldName(input)} is required`)
} else {
showSuccess(input)
}
})
}
//Get fieldName
function getFieldName(input) {
return input.id.charAt(0).toUpperCase() + input.id.slice(1);
}
첫 글자를 charAt()
으로 따 와서 toUpperCase()
로 대문자로 변경한 후, 나머지 문자를 slice()
를 이용하여 잘라서 뒤에 붙이는 함수 getFieldName()
을 만들었다.
그리고 그 함수를 이용해서 template string으로 ${getFieldName(input)} is required
라는 에러 메시지를 작성했다.
해결 완료
Author And Source
이 문제에 관하여([JavaScript] How to make the first letter uppercased and the rest lowercased | 첫글자만 대문자로 만드는법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@eunjin/Javascript-How-to-make-the-first-letter-uppercased-and-the-rest-lowercased-첫글자만-대문자로-만드는법저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)