김숭늉 마음대로

[자바스크립트] toLowerCase, toUpperCase 소문자 대문자 처리 본문

IT/JavaScript

[자바스크립트] toLowerCase, toUpperCase 소문자 대문자 처리

김숭늉이 2023. 8. 14. 19:26
728x90

안녕하세요^^

이번글에서는 자바스크립트의 대문자, 소문자 처리에 대해서 알아보겠습니다.

 

 

아래 간단한 연습 문제를 통해 개념을 확인 할수 있습니다.

아래 문제는 사용자가 입력한 이름의 첫번째 문자만 대문자로 표현하고, 나머지 문자는 소문자로 표현하는 문제의 해답 코드입니다. 

//[문제] 사용자가 입력한 이름의 첫번째 문자만 대문자로 표현하고, 나머지 문자는 소문자로 표현!

//(a) prompt를 통해 이름을 입력 받음
var name = prompt("What is your name?");

//(b) 먼저 첫번째 문자를 고립시킴
var fisrtChar = name.slice(0,1);

//(c) 첫번째 문자를 대문자 처리함
var upperCaseFirstChar = fisrtChar.toUpperCase();

//(d) 첫번째 이외 문자부터 따로 묶음
var restOfName = name.slice(1,name.length);

//(f) 첫번째 이외 문자는 모두 소문자 처리 
restOfName = restOfName.toLowerCase();

//(g) 첫번째 문자와 나머지 문자를 결합
var capitalisedName = upperCaseFirstChar + restOfName;

//(h) alert 팝업
alert("Hello, " + capitalisedName);

 

결과!

 

감사합니다.

728x90
반응형