> 웹 프론트엔드 > JS 튜토리얼 > Keypress의 모든 단어의 첫 글자를 대문자로 삼으십시오

Keypress의 모든 단어의 첫 글자를 대문자로 삼으십시오

Lisa Kudrow
풀어 주다: 2025-03-04 00:07:17
원래의
603명이 탐색했습니다.

Capitalize First Letter of Every Word on Keypress 이 jQuery 스 니펫은 문자열로 각 단어의 첫 글자를 활용합니다. 양식 입력에 유용하여 모든 캡 타이틀 또는 텍스트를 방지합니다.

JavaScript 문자열 대문자에 대한

자주 묻는 질문 (FAQS)

다양한 JavaScript 방법을 사용하여 문자열의 첫 번째 문자 또는 문자열의 모든 단어를 대문자로 만드는 몇 가지 접근법이 있습니다. 1. :
// Usage: Attaches to keyup event of all input fields
$("input").keyup(function() {
  toUpper(this);
});

// Function: Capitalizes the first letter of each word
function toUpper(obj) {
  let mystring = obj.value;
  let sp = mystring.split(' ');
  let word = [];
  for (let i = 0; i < sp.length; i++) {
    let f = sp[i].substring(0, 1).toUpperCase();
    let r = sp[i].substring(1).toLowerCase();
    word[i] = f + r;
  }
  let newstring = word.join(' ');
  obj.value = newstring;
  return true;
}
로그인 후 복사
로그인 후 복사
로 첫 글자를 대문자로 대문자 이 간결한 방법은

를 사용하여 첫 번째 문자를 얻고 <🎜 🎜>로 대문자로 변환하고 <🎜 🎜>. <<> 2. 모든 단어를 ,

:

로 대문자로 변신합니다 이 접근법은 문자열을 단어로 나누고, <🎜 🎜> 함수를 사용하여 각 단어의 첫 글자를 대문자로 연결 한 다음 다시 합류합니다. . slice() <🎜 🎜> <<> 3. vs. <🎜

:

charAt(0) 둘 다 대문자로 변환되는 반면 toUpperCase()는 고유 한 대문자 규칙 (예 : 터키)이있는 언어의 slice(1)와 잠재적으로 다른 로케일 특정 규칙을 고려합니다.

<<> 4. <🎜 🎜>없이 첫 글자를 대문자 (ASCII 사용) : <🎜 🎜>
function capitalizeFirstLetter(str) {
  return str.charAt(0).toUpperCase() + str.slice(1);
}
로그인 후 복사
이 메소드는 ASCII 값을 활용합니다. 소문자 (A-Z)는 ASCII 값 97-122, 대문자 (A-Z) 65-90을 갖습니다. 32를 빼면 소문자를 대문자로 변환합니다

<🎜 🎜> <<> 5. 정기적 인 표현으로 첫 ​​번째 문자를 대문자 : <🎜 🎜> 정규 표현식은 잠재적으로 읽기 쉬운 솔루션이지만 강력하지만 강력한 표현을 제공합니다. 는 첫 번째 문자와 일치합니다 split() map() <<> 6. <🎜 🎜> : <🎜 🎜> join()로 첫 글자를 대문자로 대문자 <🎜 🎜>와 유사하게,

는 문자열의 일부를 추출합니다.

<🎜 🎜> <<> 7. <🎜 🎜> : <🎜 🎜> map()로 첫 글자를 대문자로 대문자 이것은 기능적으로

예제와 동일합니다
function capitalizeWords(str) {
  return str.split(' ').map(word => capitalizeFirstLetter(word)).join(' ');
}
로그인 후 복사

8. (문자 별 문자 별)로 첫 번째 문자를 대문자 : 이것은 문자열을 개별 문자로 나누고 첫 번째를 대문자로 연결하며 다시 합류합니다. 다른 방법보다 덜 효율적입니다. toUpperCase() toLocaleUpperCase() 9. : 로 첫 글자를 대문자로 대문자

이것은

를 사용하여 첫 번째 문자를 대상으로하고 교체합니다. toLocaleUpperCase() 10. : toUpperCase()로 첫 글자를 대문자로 대문자 이것은 문자열의 나머지 부분과 대문자 첫 문자를 연결합니다.

// Usage: Attaches to keyup event of all input fields
$("input").keyup(function() {
  toUpper(this);
});

// Function: Capitalizes the first letter of each word
function toUpper(obj) {
  let mystring = obj.value;
  let sp = mystring.split(' ');
  let word = [];
  for (let i = 0; i < sp.length; i++) {
    let f = sp[i].substring(0, 1).toUpperCase();
    let r = sp[i].substring(1).toLowerCase();
    word[i] = f + r;
  }
  let newstring = word.join(' ');
  obj.value = newstring;
  return true;
}
로그인 후 복사
로그인 후 복사
이러한 모든 방법은 동일한 기본 결과를 달성하지만 효율성과 가독성이 다를 수 있습니다. 첫 번째 글자 만 대문자를 대체 할 때 및

방법은 일반적으로 단순성과 효율성에 선호됩니다. 모든 단어의 모든 문자를 대문자로 만들기 위해 , 및 slice() 조합은 깨끗하고 읽을 수있는 솔루션을 제공합니다.

위 내용은 Keypress의 모든 단어의 첫 글자를 대문자로 삼으십시오의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿