JavaScript でオブジェクトのキーを大文字にする

はじめに

この実験では、JavaScript でオブジェクトのすべてのキーを大文字に変換する方法を探ります。Object.keys() と Array.prototype.reduce() を使って、すべてのキーが大文字に変換された新しいオブジェクトを作成する方法を学びます。このテクニックは、オブジェクトのキーを標準化して一貫性を保ち、使いやすくする必要があるさまざまなシナリオで役立ちます。

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/BasicConceptsGroup -.-> javascript/array_methods("Array Methods") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") javascript/AdvancedConceptsGroup -.-> javascript/destr_assign("Destructuring Assignment") subgraph Lab Skills javascript/variables -.-> lab-28685{{"オブジェクトのキーを大文字にする"}} javascript/data_types -.-> lab-28685{{"オブジェクトのキーを大文字にする"}} javascript/arith_ops -.-> lab-28685{{"オブジェクトのキーを大文字にする"}} javascript/comp_ops -.-> lab-28685{{"オブジェクトのキーを大文字にする"}} javascript/array_methods -.-> lab-28685{{"オブジェクトのキーを大文字にする"}} javascript/higher_funcs -.-> lab-28685{{"オブジェクトのキーを大文字にする"}} javascript/destr_assign -.-> lab-28685{{"オブジェクトのキーを大文字にする"}} end

JavaScript でオブジェクトのキーを大文字にする方法

JavaScript でオブジェクトのすべてのキーを大文字に変換するには、次の手順に従ってください。

Object.keys() を使って、オブジェクトのキーの配列を取得します。
Array.prototype.reduce() を使って、配列をオブジェクトにマッピングします。
String.prototype.toUpperCase() を使って、キーを大文字に変換します。

コードは次のとおりです。

const upperize = (obj) =>
  Object.keys(obj).reduce((acc, k) => {
    acc[k.toUpperCase()] = obj[k];
    return acc;
  }, {});

この関数をテストするには、次のように呼び出すことができます。

upperize({ Name: "John", Age: 22 }); // { NAME: 'John', AGE: 22 }

まとめ

おめでとうございます！「オブジェクトのキーを大文字にする」実験を完了しました。LabEx でさらに多くの実験を行い、スキルを向上させることができます。