配列をオブジェクトに変換し、オブジェクトのプロパティを操作する方法

M66 2025-07-29

オブジェクトへの配列：オブジェクトのプロパティを操作する方法

PHPまたはJavaScriptの開発では、アレイとオブジェクトが最も一般的に使用されるデータ構造です。場合によっては、配列をオブジェクトに変換する必要があるため、プロパティの操作が容易になります。この記事では、配列をオブジェクトに変換し、共通の属性操作方法を提供する方法を紹介します。

配列をオブジェクトに変換します

配列をオブジェクトに変換するには、JavaScriptでObject.Assign（）メソッドを使用できます。この方法は、ターゲットオブジェクトとソースオブジェクトの2つのパラメーターを受け入れます。 ArrayをObject.Assign（）に渡すと、配列のインデックス値を属性名として使用し、属性値として配列の値を使用して新しいオブジェクトを作成します。

 const arr = ['foo', 'bar', 'baz'];
const obj = Object.assign({}, arr);
console.log(obj); // 出力：{0: 'foo', 1: 'bar', 2: 'baz'}

上記のコードは、配列内の各要素をインデックス順序でオブジェクトの属性に変換し、新しいオブジェクトOBJの属性には配列のインデックスと呼ばれます。

操作オブジェクトのプロパティ

配列をオブジェクトに変換した後、ドット構文または角ブラケット構文を使用して、オブジェクトのプロパティにアクセスできます。例えば：

 console.log(obj[0]); // 出力：foo
console.log(obj['1']); // 出力：bar

同様に、割り当てオペレーターを介してオブジェクトのプロパティ値を変更できます。

 obj[2] = 'qux';
console.log(obj); // 出力：{0: 'foo', 1: 'bar', 2: 'qux'}

これにより、オブジェクトのコンテンツを簡単に更新できます。

実用的なアプリケーションシナリオ

配列をオブジェクトに変換することは、さまざまなシナリオで動作する可能性があり、以下はいくつかの一般的な使用シナリオです。

クライアントによるデータ処理を容易にするために、サーバーから返された配列データをオブジェクトに変換します。
統一された管理と提出のためのオブジェクトとしてフォームにデータ項目を保存します。
動的データリストをオブジェクトに変換して、動的UIをすばやく生成します。

要約します

Object.Assign（）メソッドを使用して配列をオブジェクトに変換した後、ポイント構文または正方形のブラケット構文を介してオブジェクトのプロパティに簡単にアクセスして操作できます。この変換は、実際の開発で非常に有用であり、データを効率的に処理するのに役立ちます。