JavaScript で配列をオブジェクトに変換する

配列とオブジェクトは JavaScript で非常に重要であると考えられています。どちらも変更可能で、JavaScript にいくつかの値を格納できます。

1つの変数に複数の値を格納する場合は配列を使用しますが、オブジェクトはその値で複数の変数を保持できます。

一般に、大量のデータがある場合はオブジェクトを使用する方が高速です。

このチュートリアルでは、JavaScript で配列をオブジェクトに変換する方法を学習します。

JavaScript で object.assign() メソッドを使用して配列をオブジェクトに変換する

assign() メソッドは、1つまたは複数のオブジェクトからターゲットオブジェクトにプロパティを繰り返し読み取ることができます。ターゲットオブジェクトを返します。

以下のコードを確認してください。

const array = ['foo', 'boo', 'zoo'];
const obj = Object.assign({}, array);
console.log(obj)

出力：

{0: "foo", 1: "boo", 2: "zoo"}

JavaScript で array.reduce() メソッドを使用して配列をオブジェクトに変換する

reduce() メソッドは、配列内の各要素に（指定した）関数を適用できます。単一の出力値を返します。

これを使用して、必要な変換を行うことができます。

例えば、

const array = ['foo', 'boo', 'zoo']
array.reduce(function(target, key, index) {
  target[index] = key;
  return target;
}, {})  // initial empty object

出力：

{0: "foo", 1: "boo", 2: "zoo"}

JavaScript でスプレッド演算子を使用して配列をオブジェクトに変換する

JavaScript では、spread 演算子（...）ですべての配列要素を解凍できます。これを使用して、配列をオブジェクトに変換できます。

例えば、

const arr = ['foo', 'boo', 'zoo'];
const obj = {...arr};
console.log(obj);

出力：

{0: "foo", 1: "boo", 2: "zoo"}