JavaScript에서 문자열의 첫 글자를 캡틸 라이즈하는 방법
Kirill Ibrahim
2023년10월12일
-
toUpperCase()및slice()메서드를 사용하여 JavaScript에서 첫 글자를 대문자로 표시 -
charAt()과 함께toUpperCase()를 사용하여 JavaScript의 첫 글자를 대문자로 만듭니다 -
toUpperCase()및replace()를 사용하여 JavaScript의 첫 글자를 대문자로 만듭니다
JavaScript에서 문자열의 첫 글자를 대문자로 표기하는 방법에는 여러 가지가 있습니다.
예를 들면 :
"this is an example"->"This is an example""the Atlantic Ocean"->"The Atlantic Ocean"
toUpperCase()및slice()메서드를 사용하여 JavaScript에서 첫 글자를 대문자로 표시
toUpperCase()메소드는 문자열의 모든 문자를 대문자로 변환합니다. 원하는 목표를 달성하기 위해 다른 JavaScript 함수와 함께 사용합니다.
slice(start, end)메소드는 문자열의 일부를 추출하여 새 문자열로 반환합니다.
start는 필수 매개 변수입니다. 슬라이스 문자열을 시작할 위치입니다.
end는 선택 사항입니다. 슬라이스 문자열을 끝낼 위치입니다. 생략하면slice()는 문자열의 끝에서 끝납니다.
예:
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body style = "text-align:center;">
<input id = "input" type="text" name="input"/>
<button onclick="capitalizeString()">
Capitalize
</button>
<h3 id = "modified-string" >
</h3>
<script>
function capitalizeString() {
let input = document.getElementById("input");
let headingElement = document.getElementById("modified-string");
let string = input.value;
headingElement.innerHTML = string[0].toUpperCase() +
string.slice(1);
}
</script>
</body>
</html>
출력:
또 다른 예:
// shortened version
function capitalize(sentence) {
return sentence && sentence[0].toUpperCase() + sentence.slice(1);
}
charAt()과 함께toUpperCase()를 사용하여 JavaScript의 첫 글자를 대문자로 만듭니다
charAt()메서드는 문자열의 지정된 색인에서 문자를 반환합니다. 인덱스는 0에서 시작합니다.
예:
// We will use the same html above
function capitalizeString() {
let input = document.getElementById('input');
let headingElement = document.getElementById('modified-string');
let string = input.value;
headingElement.innerHTML = string.charAt(0).toUpperCase() + string.slice(1);
;
}
toUpperCase()및replace()를 사용하여 JavaScript의 첫 글자를 대문자로 만듭니다
replace()는 지정된 값 또는 정규 표현식 패턴에 대해 주어진 문자열을 검색하고이를 대체하고 새 문자열을 반환하는 JavaScript의 내장 메서드입니다.
JavaScript replace()구문:
string.replace(paramA, paramB)
여기서 paramA는 값 또는 정규 표현식이고 paramB는 paramA를 대체 할 값입니다.
참고 : 원래 문자열은 변경되지 않고 반환 된 값은 항목이 교체 된 새 문자열입니다.
replace()메서드에 대한 빠른 예 :
function replaceFunction() {
let str = 'Google Event';
let res = str.replace('Google', 'Microsoft');
console.log(res)
}
replaceFunction();
function replaceAllFunction() {
let str = 'Google Event will be in Headquarters of Google';
let res = str.replace(/Google/g, 'Microsoft');
console.log(res)
}
replaceFunction();
참고 :replace()메서드는 기본적으로 첫 번째 인스턴스 만 대체합니다. 정규식 전역 (g) 수정자를 사용하여 모든 항목을 대체해야합니다.
예:
// We will use the same html above
function capitalizeString() {
let input = document.getElementById('input');
let headingElement = document.getElementById('modified-string');
let string = input.value;
headingElement.innerHTML = string.replace(/^./, string[0].toUpperCase());
}
/^./는 문자열의 첫 글자를 나타냅니다. 정규 표현식에 대한 자세한 내용은 RegExp 튜토리얼 및 RegExp 개체 참조.