JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptで文をタイトルケース（Title Case）に変換する方法

JavaScriptで文をタイトルケースに変換する

タイトルケースとは、文中のすべての単語の先頭の1文字を大文字に変換し、それ以外の文字は小文字のままにする表記スタイルのことです。入力される文字列（文）には、小文字と大文字が混在している可能性があるため、任意の文字列を確実にタイトルケースへ変換できるアルゴリズムが必要になります。

アルゴリズムの手順

  • string.split()メソッドを使って、文を個々の単語に分割します。
  • string.toLowerCase()メソッドを使って、すべての単語を一旦小文字に統一します。これにより、入力の大文字・小文字が混在していても正しく処理できます。
  • forループで各単語の先頭文字を取り出し、toUpperCase()で大文字に変換します。その後、slice(1)で取り出した2文字目以降の部分と連結することで、「先頭だけが大文字の単語」を作り出します。
  • 最後にjoin()メソッドを使い、単語同士を半角スペースで連結して1つの文字列に戻します。これで元の文をタイトルケース化した文字列が完成します。

サンプルコード

<html>
<body>
<script>
   function titleCase(string) {
      var sentence = string.toLowerCase().split(" ");
      for(var i = 0; i < sentence.length; i++){
         sentence[i] = sentence[i][0].toUpperCase() + sentence[i].slice(1);
      }
      document.write(sentence.join(" "));
      return sentence;
   }
   titleCase("tutorix is one of best e-platforms");
</script>
</body>
</html>

実行結果

Tutorix Is One Of Best E-platforms

このように、split → toLowerCase → toUpperCase + slice → join という一連の流れを実装するだけで、どんな形式で入力された文でも、各単語の先頭だけを大文字にした整形済みの文字列を簡単に生成できます。

  1. JavaScriptで文字列を検索する方法【search()メソッドの使い方を解説】

    JavaScriptで文字列を検索する方法 JavaScriptで文字列の中から特定の文字列を探すには、search()メソッドを使用します。このメソッドは、引数に渡した文字列（または正規表現）が対象の文字列内で最初に一致した位置（インデックス）を返し、見つからなかった場合は -1 を返します。 以下は、JavaScriptで文字列を検索するサンプルコードです。 サンプルコード <!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8" />

  2. 文字列をJavaScriptオブジェクトに変換する方法【JSON.parse()の使い方】

    JavaScriptでJSON形式の文字列をオブジェクトに変換するには、JSON.parse()メソッドを使用します。このメソッドは、引数に渡された文字列を解析（パース）し、対応するJavaScriptオブジェクトを返します。 サンプルコード <!DOCTYPE html> <html lang=ja> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <title>Docum