[Javascript] 문자열의 첫글자만 대문자로 변환하기

 

Javascript를 이용해서 문자열의 첫글자만 대문자로 변환하는 방법을 알아보도록 하겠습니다.

 

 

 문자열의 첫글자만 대문자로 변환하기 

문자열의 첫글자만 대문자로 변환하기 위해서는 다음의 4가지 절차가 필요합니다.

 

1. 첫번째 글자 찾기

2. 첫번째 글자를 대문자로 변환하기

3. 첫번째 글자를 제외한 나머지 글자 찾기

4. 2에서 대문자로 변환한 첫번째 글자와 3에서 찾은 나머지 글자를 이어 붙이기

 

 

See the Pen 문자열 by anna (@hianna) on CodePen.

 

 주석으로 작성된 부분의 코드도 같이 참조하세요. 

 

1. 첫번째 글자 찾기

특정 위치의 문자를 찾기 위해서 charAt() 함수와 대괄호를 사용할 수 있습니다.

[Javascript] 특정 위치 문자 찾기 2가지 방법 (charAt 함수, 대괄호)

 

2. 첫번째 글자를 대문자로 변환하기

첫번째 글자를 toUpperCase() 함수를 이용하여 대문자로 변환하였습니다.

[Javascript] 대소문자 변경 (대문자를 소문자로, 소문자를 대문자로)

 

3. 첫번째 글자를 제외한 나머지 글자 찾기

첫번째 글자를 제외한 나머지 글자를 찾습니다.

substring(), substr(), slice() 함수를 이용할 수 있습니다.

[Javascript] substr(), substring(), slice() 비교

 

4. 2에서 대문자로 변환한 첫번째 글자와 3에서 찾은 나머지 글자를 이어 붙이기

대문자로 변환된 첫번째 글자와 나머지 글자를 이어붙입니다.

문자열을 이어 붙일 때는 concat() 함수 또는 '+' 연산자를 사용할 수 있습니다.

[Javascript] 문자열 합치기 (3가지 방법)

 

 

 

위의 코드를 변수의 사용을 줄여서 좀 더 간결하게 만들 수 있습니다.

 

See the Pen 문자열 by anna (@hianna) on CodePen.

 

임시변수의 사용을 줄여서 좀 더 간결한 코드를 만들었습니다.

 

 

---

 

문자열의 첫번째 글자만 대문자로 변경하는 방법을 알아보았습니다.