JavaScript | 文字列の先頭の文字を大文字にする | 文字列操作

はじめに

この実験では、文字列の先頭の文字を大文字に変換する capitalize と呼ばれる JavaScript 関数を調べます。この関数は、配列の分解構文と String.prototype.toUpperCase() を使って、望ましい結果を達成します。必要に応じて文字列の残りを小文字に変換するために lowerRest 引数をどのように使うかも見てみましょう。

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/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28188{{"JavaScript で文字列の先頭の文字を大文字にする"}} javascript/data_types -.-> lab-28188{{"JavaScript で文字列の先頭の文字を大文字にする"}} javascript/arith_ops -.-> lab-28188{{"JavaScript で文字列の先頭の文字を大文字にする"}} javascript/comp_ops -.-> lab-28188{{"JavaScript で文字列の先頭の文字を大文字にする"}} javascript/spread_rest -.-> lab-28188{{"JavaScript で文字列の先頭の文字を大文字にする"}} end

文字列の先頭の文字を大文字にする JavaScript 関数

JavaScript で文字列の先頭の文字を大文字にするには、次の関数を使用します。

const capitalize = (str, lowerRest = false) => {
  const [first, ...rest] = str;
  return (
    first.toUpperCase() +
    (lowerRest ? rest.join("").toLowerCase() : rest.join(""))
  );
};

この関数は、配列の分解構文と String.prototype.toUpperCase() を使って、文字列の先頭の文字を大文字にします。lowerRest 引数は省略可能で、文字列の残りを小文字に変換するには true に設定できます。

この関数を使用する方法の例を次に示します。

capitalize("fooBar"); // 'FooBar'
capitalize("fooBar", true); // 'Foobar'

まとめ

おめでとうございます！あなたは「文字列を大文字にする」実験を完了しました。あなたの技術を向上させるために、LabExでさらに多くの実験を行って練習してください。