JavaScript 첫 글자를 대문자로
HTML 및 CSS에는 각 단어 또는 문자열의 첫 글자를 대문자로 표시하는 "capitalize"라는 내장 메서드가 있습니다. JavaScript는 다른 웹 언어처럼 수행하기 쉽지 않습니다.
첫 글자를 대문자로 만들기 위해 JavaScript를 직접 수행할 수 없습니다. 우리는 슬라이스, 하위 문자열, 대문자 등과 같은 다른 방법의 도움으로 함수를 만들 것입니다.
참고: HTML 태그가 포함되지 않은 모든 쿼리는 브라우저 콘솔 탭(Shit+ Ctrl+ J) 내에서 실행됩니다.
이 기사에서는 다음 네 가지 방법으로 첫 글자를 대문자로 표시하는 방법을 배웁니다.
1. JavaScript는 단어의 첫 글자를 대문자로 했습니다(slice() 메소드).
This is the method to the capitalized first letter of a string or word.
Define a variable that contains a word in which the first letter you want to capitalize using JavaScript.
● charAt() method
charAt() returns the character of given index. charAt(0) select the first letter such as “a” in the below example.
● toUpperCase() method
This method only applies to strings or words. It converts the defined index position character to uppercase letters.
● slice () method
By using the slice method, slice the rest of the letters from the first letter and gives the same output sequence as input without any change.
Define a variable named “res” that will store all the procedures and print them out in the console tab
const letter = 'aisha';
const res = letter.charAt(0).toUpperCase() + letter.slice(1);
console.log(res);
// output
// Aisha
2. JavaScript는 문자열의 첫 글자를 대문자로 표시합니다(HTML 페이지에 표시됨).
Use the JavaScript inside HTML tags. This will help you to experience JavaScript capitalizing the first letter on the web page without opening the console tab.
● Use an input field that takes input from the user.
● Use the button with the click () function that performs the defined JavaScript function which is inside the script tags.
● innerHTML property helps to get JavaScript code and print after applying functions and modifying them.
<!DOCTYPE html>
<html>
<head>
</head>
<body style = "text-align:center;">
<h1 style = "color:blue;" >
Capitalize the first letter
</h1>
<input id = "input" type="text" name="input"/>
<button onclick="capitalizeFirstLetter()">
Click to Capitalize
</button
<h3 id = "div" style="color: orange">
</h3>
<script>
function capitalizeFirstLetter() {
const input = document.getElementById("input");
const x = document.getElementById("div");
const string = input.value;
x.innerHTML = string[0].toUpperCase() +string.slice(1);
}
</script>
</body>
</html>
Output
참고: 이 방법은 첫 글자만 대문자로 변환하고 다른 모든 인쇄물은 입력으로 변환합니다. 낙타 문자 입력이 있는 경우 이 방법은 꽤 좋은 출력을 표시하지 않습니다. 첫 글자를 대문자로 나머지는 모두 소문자로 수행하려면 다음 방법을 따라야 합니다.
3. 자바스크립트의 첫 글자는 대문자로, 나머지는 소문자로 표기하는 단어
● In this method after slicing the first letter with the rest of the letters, apply uppercase to the first letter and lowercase to the rest of them.
● Call the defined function “capitalize” with the string and get the output.
function capitalize(string) {
return string.charAt(0).toUpperCase() + string.slice(1).toLowerCase();}
capitalize('aisha')
//output
//Aisha
4. JavaScript는 문장의 각 단어의 첫 글자를 대문자로 표시합니다(substring() 메소드).
This method helps to create capitalize the first letter of each word of a sentence with the help of JavaScript. To perform this first create a function of input that will take input sentences from the user.
● substring and slice both work the same, but substring () is a bit faster than the slice () method.
● All input convert to lowercase and split with space that will help to manipulate each word individually.
● map () function creates an array and applies the function on that array.
● Inside map () apply the function for the first letter of each word that is separated with space to return as uppercase
function capitalize(input) {
return input.toLowerCase().split(' ').map(s => s.charAt(0).toUpperCase() + s.substring(1)).join(' '); }
capitalize ('i am a web developer')
// output
// "I Am A Web Developer"
결론
이 기사에서는 JavaScript에서 각 단어의 첫 글자를 대문자로 만들고 JavaScript에서 문장의 각 단어의 첫 글자를 대문자로 만드는 네 가지 방법을 다루었습니다.
Reference
이 문제에 관하여(JavaScript 첫 글자를 대문자로), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/aisharajput/javascript-capitalize-first-letter-1hgf텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
