ホームページ > ウェブフロントエンド > jsチュートリアル > キープレスのすべての単語の最初の文字を大文字化します

キープレスのすべての単語の最初の文字を大文字化します

Lisa Kudrow
リリース: 2025-03-04 00:07:17
オリジナル
602 人が閲覧しました

Capitalize First Letter of Every Word on Keypress

このjQueryスニペットは、文字列内の各単語の最初の文字を大文字にします。 フォーム入力、すべてのキャップのタイトルやテキストの防止に役立ちます。

JavaScript String Capitainizationに関するよくある質問(FAQ)
// 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;
}
ログイン後にコピー
ログイン後にコピー

ここに、文字列の最初の文字またはさまざまなJavaScriptメソッドを使用して文字列内のすべての単語を大文字にするためのいくつかのアプローチがあります。

1。最初の文字を

で大文字にします この簡潔な方法では、を使用して最初のキャラクターを取得し、slice()

2。すべての単語をcharAt(0)toUpperCase()、およびslice(1)

function capitalizeFirstLetter(str) {
  return str.charAt(0).toUpperCase() + str.slice(1);
}
ログイン後にコピー
で大文字にします

このアプローチは、文字列を単語に分割し、関数を使用して各単語の最初の文字を大文字にしてから、一緒に結合します。 split() map()join()3。 vs.

map() 両方とも大文字に変換されますが、

は、一意の大文字ルール(トルコ語など)を持つ言語の
function capitalizeWords(str) {
  return str.split(' ').map(word => capitalizeFirstLetter(word)).join(' ');
}
ログイン後にコピー
とは異なる潜在的に異なるロケール固有のルールを考慮します。

4。 toUpperCase()(asciiを使用)なしで最初の文字を大文字にする:toLocaleUpperCase()

この方法は、ASCII値を活用します。小文字(A-Z)には、ASCII値97-122、大文字(A-Z)65-90があります。 32を差し引くと、小文字を大文字に変換します。

toLocaleUpperCase() toUpperCase()

5。正規表現で最初の文字を大文字にする:

toUpperCase()正規表現は、読みやすいとはいえ、強力な解決策を提供します。 最初の文字に一致します。

function capitalizeFirstLetterASCII(str) {
  let firstLetter = str.charCodeAt(0);
  if (firstLetter >= 97 && firstLetter <= 122) {
    firstLetter -= 32;
  }
  return String.fromCharCode(firstLetter) + str.slice(1);
}
ログイン後にコピー
6。最初の文字を

で大文字にします

に似ています、^(.)文字列の一部を抽出します。

function capitalizeFirstLetterRegex(str) {
  return str.replace(/^(.)/, (match) => match.toUpperCase());
}
ログイン後にコピー

7。最初の文字をsubstring()で大文字にします

これは、 slice()substring()8。 (文字ごと)で最初の文字を大文字にする:
function capitalizeFirstLetterSubstring(str) {
  return str.substring(0, 1).toUpperCase() + str.substring(1);
}
ログイン後にコピー

これにより、文字列が個々の文字に分割され、最初の文字を大文字にし、再生します。 他のメソッドよりも効率が低い。charAt()

9。最初の文字をslice()

function capitalizeFirstLetterCharAt(str) {
  return str.charAt(0).toUpperCase() + str.slice(1);
}
ログイン後にコピー
で大文字にします

これはを使用して最初の文字をターゲットに置き換えます。 split()

10。最初の文字を

function capitalizeFirstLetterSplit(str) {
  let arr = str.split('');
  arr[0] = arr[0].toUpperCase();
  return arr.join('');
}
ログイン後にコピー
で大文字にします

これは、文字列の残りの部分と大文字の最初の文字を連結します。

// 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()およびcharAt()メソッドは一般に、それらのシンプルさと効率を好みます。 最初の単語のすべての文字を大文字にするために、split()map()、およびjoin()の組み合わせは、きれいで読みやすいソリューションを提供します。

以上がキープレスのすべての単語の最初の文字を大文字化しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート