JavaScriptで文字列の文字ケースを変換する方法

コアポイント

• javaScriptは、toUpperCase()、toLowerCase()、カスタムタイトルケース関数を含む文字列文字のケースを変換するためのネイティブメソッドを提供します。これらのメソッドは、元の文字列を変更せずに新しい文字列を返します。
• toLowerCase()およびtoUpperCase()メソッドは、テキストディスプレイのフォーマットに使用されるだけでなく、比較対象の文字列のケースを正規化できるため、信頼できる文字列比較にも使用されます。
• 文字列をタイトルケースに変換するカスタム関数を作成します。文字列を単語の配列に分割し、各単語の最初の文字を大文字に変換し、残りの文字を小文字に変換してから、再接続する必要があります。文字列への単語。

このチュートリアルでは、JavaScriptネイティブメソッドを使用して、大文字、小文字、タイトルケースの文字列文字のケースを変換する方法を教えてください。

JavaScriptは、さまざまな目的でデータを操作できる多くの機能と方法を提供します。私たちは最近、文字列を数字に、数字を文字列または順序数に変換する方法を検討し、文字列を分割しました。この記事では、文字列文字を大文字と小文字に変換する方法を紹介します。これは、特定の形式で文字列を表現したり、信頼できる文字列比較に役立ちます。

文字列を小文字に変換します

小文字の文字列が必要な場合は、文字列で使用可能な

メソッドを使用できます。この方法は、すべての文字が小文字である文字列を返します。 toLowerCase()

例：

const str = 'HeLlO';
console.log(str.toLowerCase()); // "hello"
console.log(str); // "HeLlo"

変数にstrメソッドを使用することにより、小文字内のすべての文字を持つ同じ文字列を取得できます。返された新しい文字列は、toLowerCase()の値に影響しないことに注意してください。 str

文字列を大文字に変換

キャピタル文字列が必要な場合は、文字列で使用可能な

メソッドを使用できます。このメソッドは、すべての文字が大文字で文字列を返します。 toUpperCase()

例：

const str = 'HeLlO';
console.log(str.toUpperCase()); // "HELLO"
console.log(str); // "HeLlo"

変数にstrメソッドを使用することにより、すべての文字が大文字になった同じ文字列を取得できます。返された新しい文字列は、toUpperCase()の値に影響しないことに注意してください。 str

文字列をタイトルケースに変換します

文字列を変換するための最も一般的なユースケースは、タイトルケースに変換することです。これは、名前とタイトルを表示するために使用できます。

これを行うにはさまざまな方法があります。 1つの方法は、

メソッドを使用して文字列の最初の文字を変換し、文字列の残りの部分と連結することです。たとえば、toUpperCase()

const str = 'HeLlO';
console.log(str.toLowerCase()); // "hello"
console.log(str); // "HeLlo"

この例では、最初の文字は、

変数のインデックス0を使用して取得されます。次に、strメソッドを使用して大文字に変換します。最後に、toUpperCase()メソッドを使用して、文字列の残りの部分を取得し、最初の文字で文字列の残りの部分を連結します。文字列の残りの部分にsubstr()を適用して、それが小文字であることを確認します。 toLowerCase()

これは、単語の最初の文字を大文字に変換するだけです。ただし、場合によっては、文がある場合は、文のすべての単語を大文字に変換することをお勧めします。この場合、次のような関数を使用することをお勧めします：

const str = 'HeLlO';
console.log(str.toUpperCase()); // "HELLO"
console.log(str); // "HeLlo"

関数は、パラメーター、つまりタイトルケースに変換される文字列を受け入れます。 toTitleCase() 関数では、最初に文字列が空であるかどうかを確認します。もしそうなら、空の文字列を返します。

次に、スペースセパレーターに文字列を分割すると、配列が返されます。その後、配列の

メソッドを使用して、前の例で見た変換を配列内の各アイテムに適用します。これにより、各単語がタイトルケースに変換されます。

map最後に、同じスペースセパレーターを使用して、配列内のアイテムを文字列に連結して返します。

オンラインの例

以下のCodepenデモでは、

と

の関数を試すことができます。入力に文字列が入力されると、大文字と小文字に変換されて表示されます。文字列で異なる上限と小文字を持つ文字を使用することができます。 toLowerCase() toUpperCase()[Codepenデモリンク（Codepenの埋め込みコードをここに挿入する必要があります）]

文字列比較のキャラクターケースを変更

多くの場合、コードブロックを実行する前に文字列を比較する必要があります。文字列の書き込み方法を制御できない場合、文字列を強制せずに文字列を比較すると、予期しない結果が生じる可能性があります。

例：

入力ではいの代わりにユーザーが「はい」を入力すると、等式条件が失敗し、誤ったアラートが表示されます。

const str = 'hello';
console.log(str[0].toUpperCase() + str.substring(1).toLowerCase()); // "Hello"

文字列のキャラクターケースを強制することで、この問題を解決できます。

結論

function toTitleCase(str) {
  if (!str) {
    return '';
  }
  const strArr = str.split(' ').map((word) => {
    return word[0].toUpperCase() + word.substring(1).toLowerCase();
  });
  return strArr.join(' ');
}

const str = 'hello world';
console.log(toTitleCase(str)); // "Hello World"

JavaScriptで文字列の文字ケースを変換する方法を学ぶことが必要です。多くの場合、特定の形式で文字列を表示するなど、多くのユースケースに使用する必要があります。また、文字列を確実に比較するために使用することもできます。

文字列の文字ケースを強制して、文字列の内容が等しいかどうかを確認できるようにします。

（記事の最後にある追加コンテンツは、FAQなど、元のテキストに従って補足されているようなここに追加する必要があります）

以上がJavaScriptで文字列の文字ケースを変換する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。