コアポイント

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

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

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

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

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

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

例：

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

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

文字列を大文字に変換

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

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

例：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

map最後に、同じスペースセパレーターを使用して、配列內(nèi)のアイテムを文字列に連結(jié)して返します。

オンラインの例

以下のCodepenデモでは、

と

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

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

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

例：

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

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

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

結(jié)論

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で文字列の文字ケースを変換する方法を?qū)Wぶことが必要です。多くの場合、特定の形式で文字列を表示するなど、多くのユースケースに使用する必要があります。また、文字列を確実に比較するために使用することもできます。

文字列の文字ケースを強(qiáng)制して、文字列の內(nèi)容が等しいかどうかを確認(rèn)できるようにします。

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

以上がJavaScriptで文字列の文字ケースを変換する方法の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。