JavaScript で配列をオブジェクトに変換するにはどうすればよいですか?

配列をオブジェクトに変換する方法

配列をオブジェクトに変換するのは簡単な操作のように思えるかもしれませんが、いくつかの方法があります。望ましい結果に応じてこれを達成します。

次のタスクを検討してください: 配列の変換['a','b','c'] を数字キーを使用してオブジェクトに変換します:

{
  0: 'a',
  1: 'b',
  2: 'c'
}

ES6 Object.assign()

最新のブラウザーがサポートObject.assign()。1 つ以上のソース オブジェクトの列挙可能なプロパティをターゲットに簡単にコピーします。 object:

Object.assign({}, ['a','b','c']); // {0:"a", 1:"b", 2:"c"}

配列の長さプロパティは、デフォルトでは列挙できないためコピーされないことに注意してください。

ES8 スプレッド構文

ES8 のスプレッド演算子を使用して、配列要素を次のように展開することもできます。オブジェクト:

{ ...['a', 'b', 'c'] }

カスタム キーの割り当て

より複雑なシナリオの場合は、カスタム キー変換関数でreduceを使用すると、目的の結果を達成できます:

['a', 'b', 'c'].reduce((a, v) => ({ ...a, [v]: v}), {}) // { a: "a", b: "b", c: "c" }

それぞれのアプローチには、独自の利点とトレードオフがあります。 Object.assign() とスプレッド構文は単純で簡潔ですが、reduce はカスタム キーや変換を扱う際により柔軟に対応します。

以上がJavaScript で配列をオブジェクトに変換するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。