配列をオブジェクトにグループ化する

はじめに

この実験では、JavaScript を使って配列をオブジェクトにグループ化する方法を探ります。具体的には、有効なプロパティ識別子の配列と値の配列が与えられた場合、Array.prototype.reduce() メソッドを使ってオブジェクトの値にプロパティを関連付けます。また、2 つの配列の長さが異なる場合の対処方法についても学びます。実験が終了するまでに、JavaScript でオブジェクトと配列を操作する方法を深く理解するようになります。

配列をオブジェクトにグループ化する方法

配列をオブジェクトにグループ化するには、次の手順に従います。

1. ターミナルまたは SSH を開き、コーディングの練習を始めるために node と入力します。
2. Array.prototype.reduce() メソッドを使って、2 つの配列からオブジェクトを作成します。
3. 有効なプロパティ識別子の配列と値の配列を提供します。
4. プロパティ配列の長さが値配列より長い場合、残りのキーは undefined に設定されます。
5. 値配列の長さがプロパティ配列より長い場合、残りの値は無視されます。

以下は、配列をオブジェクトにグループ化する方法を示すコード スニペットです。

const zipObject = (props, values) =>
  props.reduce((obj, prop, index) => ((obj[prop] = values[index]), obj), {});

zipObject(["a", "b", "c"], [1, 2]); // {a: 1, b: 2, c: undefined}
zipObject(["a", "b"], [1, 2, 3]); // {a: 1, b: 2}

まとめ

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