JavaScript でオブジェクトのキーをシンボル化する

はじめに

この実験では、JavaScript を使ってオブジェクトのキーをシンボルに変換する方法を学びます。Object.keys() メソッドを使ってオブジェクトのキーを取得し、その後 Array.prototype.reduce() と Symbol メソッドを使ってシンボル化されたキーを持つ新しいオブジェクトを作成します。このテクニックは、オブジェクトに一意で不変のキーが必要なシナリオで役立つ場合があります。

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/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28639{{"オブジェクトのキーをシンボル化する"}} javascript/data_types -.-> lab-28639{{"オブジェクトのキーをシンボル化する"}} javascript/arith_ops -.-> lab-28639{{"オブジェクトのキーをシンボル化する"}} javascript/comp_ops -.-> lab-28639{{"オブジェクトのキーをシンボル化する"}} javascript/array_methods -.-> lab-28639{{"オブジェクトのキーをシンボル化する"}} javascript/higher_funcs -.-> lab-28639{{"オブジェクトのキーをシンボル化する"}} javascript/spread_rest -.-> lab-28639{{"オブジェクトのキーをシンボル化する"}} end

JavaScript でオブジェクトのキーをシンボル化する方法

JavaScript でオブジェクトのキーをシンボル化するには、次の手順に従います。

ターミナル/SSH を開き、コーディングの練習を始めるために node と入力します。
シンボル化したいオブジェクトのキーを取得するには、Object.keys() メソッドを使用します。
Array.prototype.reduce() メソッドと Symbol を使用して、各キーが Symbol に変換された新しいオブジェクトを作成します。
以下はコードの例です。

const symbolizeKeys = (obj) =>
  Object.keys(obj).reduce(
    (acc, key) => ({ ...acc, [Symbol(key)]: obj[key] }),
    {}
  );

関数をテストするには、オブジェクトを引数として symbolizeKeys() を呼び出します。

symbolizeKeys({ id: 10, name: "apple" });
// { [Symbol(id)]: 10, [Symbol(name)]: 'apple' }

これらの手順に従えば、JavaScript の任意のオブジェクトのキーを簡単にシンボル化できます。

まとめ

おめでとうございます！オブジェクトのキーをシンボル化する実験を完了しました。技術力を向上させるために、LabEx でさらに実験を行って練習してください。