ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript で文字列内の各単語の最初の文字を大文字にするにはどうすればよいですか?

JavaScript で文字列内の各単語の最初の文字を大文字にするにはどうすればよいですか?

Linda Hamilton
Linda Hamiltonオリジナル
2024-10-23 11:38:18535ブラウズ

How to Capitalize the First Letter of Each Word in a String with JavaScript?

JavaScript で文字列内の各単語の最初の文字を大文字にする

JavaScript では、文字列内の各単語の最初の文字を大文字にすることができます。いくつかの方法を通じて達成されます。一般的なアプローチの 1 つは、指定された文字列をタイトルケースに変換する関数を使用することです。

この手法を示すコード例を見てみましょう:

<code class="js">function titleCase(str) {
  var splitStr = str.toLowerCase().split(" ");
  for (var i = 0; i < splitStr.length; i++) {
    splitStr[i] = splitStr[i].charAt(0).toUpperCase() + splitStr[i].substring(1);  
  }
  return splitStr.join(" "); 
}</code>

この関数では、入力文字列 'str ' は、最初に 'toLowerCase()' を使用して小文字に変換されます。次に、文字列は「split(" ")」を使用して単語の配列に分割されます。配列内の各単語について、最初の文字は 'charAt(0).toUpperCase()' を使用して大文字にされ、'substring(1)' を使用して単語の残りの部分に追加されます。

大文字の変更された配列次に、'join(" ")' を使用して単語が再び文字列に結合され、出力として返されます。これはタイトルケースで表示されます。

以上がJavaScript で文字列内の各単語の最初の文字を大文字にするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。