JavaScript で文字列を大文字と小文字に変換する

JavaScriptJavaScriptBeginner
今すぐ練習

This tutorial is from open-source community. Access the source code

💡 このチュートリアルは英語版からAIによって翻訳されています。原文を確認するには、 ここをクリックしてください

はじめに

この実験では、与えられた文字列を大文字と小文字を入れ替えるJavaScript関数を作成する方法を探ります。この実験では、スプレッド演算子、String.prototype.toLowerCase()String.prototype.toUpperCase()、およびArray.prototype.map()の使用方法について説明します。この実験が終了するまでに、JavaScriptで文字列を操作する方法について深く理解するようになります。


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28638{{"JavaScript で文字列を大文字と小文字に変換する"}} javascript/data_types -.-> lab-28638{{"JavaScript で文字列を大文字と小文字に変換する"}} javascript/arith_ops -.-> lab-28638{{"JavaScript で文字列を大文字と小文字に変換する"}} javascript/comp_ops -.-> lab-28638{{"JavaScript で文字列を大文字と小文字に変換する"}} javascript/higher_funcs -.-> lab-28638{{"JavaScript で文字列を大文字と小文字に変換する"}} javascript/spread_rest -.-> lab-28638{{"JavaScript で文字列を大文字と小文字に変換する"}} end

JavaScriptで文字列を大文字と小文字を入れ替える方法

JavaScriptで文字列を大文字と小文字を入れ替えるには、次の手順に従います。

  1. ターミナル/SSHを開き、コーディングを練習するためにnodeと入力します。
  2. スプレッド演算子(...)を使用して、入力文字列strを文字の配列に変換します。
  3. String.prototype.toLowerCase()String.prototype.toUpperCase()を使用して、小文字の文字を大文字に変換し、その逆も行います。
  4. Array.prototype.map()を使用して各文字に変換を適用し、Array.prototype.join()を使用して文字を再び文字列に結合します。
  5. 文字列の大文字と小文字を2回入れ替えると必ずしも元の文字列になるとは限らないことに注意してください。

以下は、JavaScriptで文字列を大文字と小文字を入れ替える方法を示すコードの例です。

const swapCase = (str) =>
  [...str]
    .map((c) => (c === c.toLowerCase() ? c.toUpperCase() : c.toLowerCase()))
    .join("");

swapCase("Hello world!"); // 出力: 'hELLO WORLD!'

まとめ

おめでとうございます!あなたは大文字と小文字を入れ替える文字列の実験を完了しました。あなたの技術を向上させるために、LabExでさらに多くの実験を練習することができます。