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

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

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-10-23 11:30:56371ブラウズ

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

JavaScript を使用して文字列内の各単語の最初の文字を大文字にする

文字列をタイトルケースに変換しようとすると、次のような問題が発生する可能性があります。各単語は小文字のままです。この記事では、この問題に取り組み、JavaScript を使用した包括的な解決策を提供します。

次の例を考えてみましょう:

function titleCase(str) {
  var splitStr = str.toLowerCase().split(" ");

  for (var i = 0; i < splitStr.length; i++) {
    if (splitStr.length[i] < splitStr.length) {
      splitStr[i].charAt(0).toUpperCase();
    }

    str = splitStr.join(" ");
  }

  return str;
}

console.log(titleCase("I'm a little tea pot"));

このコードを実行すると、文字列をタイトルケースに変換できず、リターンが返されます。 「私は小さなティーポットです。」ではなく「私は小さなティーポットです。」

根本的な問題は、splitStr 配列への変更の不正な割り当てにあります。これを修正するには、配列に大文字を割り当てる必要があります。

function titleCase(str) {
   var splitStr = str.toLowerCase().split(' ');
   for (var i = 0; i < splitStr.length; i++) {
       // Assign it back to the array
       splitStr[i] = splitStr[i].charAt(0).toUpperCase() + splitStr[i].substring(1);     
   }
   return splitStr.join(' '); 
}

この変更により、splitStr 配列内で各単語の最初の文字が大文字に変換されます。最後に、追加の変数割り当てを必要とせずに、結合された文字列を直接返すことができます。

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

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