JavaScript：オブジェクト配列を属性値でインデックス付けされたハッシュマップに変換

2024-06-27

JavaScriptのオブジェクト配列を、オブジェクトの属性値でインデックス付けされたハッシュマップに変換する方法

この問題は、次のような状況で役立ちます。

オブジェクトの配列を処理し、各オブジェクトをその属性値に基づいてグループ化したい場合。
オブジェクトの配列から特定のオブジェクトをすばやく検索したい場合。

解決策

この問題は、次の2つの方法で解決できます。

reduce() 関数は、配列の要素を単一の値にまとめるために使用できます。この場合、reduce() 関数は、オブジェクトの配列を、オブジェクトの属性値をキーとするハッシュマップに変換するために使用できます。

function convertToHashMap(array, key) {
  return array.reduce((hashMap, obj) => {
    hashMap[obj[key]] = obj;
    return hashMap;
  }, {});
}

const objectArray = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
  { id: 3, name: 'Charlie' },
];

const hashMap = convertToHashMap(objectArray, 'id');
console.log(hashMap);

このコードは次の出力を生成します。

{
  1: { id: 1, name: 'Alice' },
  2: { id: 2, name: 'Bob' },
  3: { id: 3, name: 'Charlie' }
}

forEach() ループと Object.assign() 関数を使用する

forEach() ループは、配列の各要素に対して関数を呼び出すために使用できます。Object.assign() 関数は、あるオブジェクトのプロパティを別のオブジェクトにコピーするために使用できます。この場合、forEach() ループと Object.assign() 関数は、オブジェクトの配列を、オブジェクトの属性値をキーとするハッシュマップに変換するために使用できます。

function convertToHashMap(array, key) {
  const hashMap = {};
  array.forEach(obj => {
    hashMap[obj[key]] = Object.assign({}, obj);
  });
  return hashMap;
}

const objectArray = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
  { id: 3, name: 'Charlie' },
];

const hashMap = convertToHashMap(objectArray, 'id');
console.log(hashMap);

この2つの方法はどちらも、JavaScriptのオブジェクト配列を、オブジェクトの属性値でインデックス付けされたハッシュマップに変換するために使用できます。どちらの方法を使用するかは、個人の好みと状況によって異なります。

// サンプルコード

// オブジェクトの配列を定義します
const objectArray = [
  { id: 1, name: 'Alice', city: 'Tokyo' },
  { id: 2, name: 'Bob', city: 'New York' },
  { id: 3, name: 'Charlie', city: 'Paris' },
];

// 2つの変換方法を示します

// 方法 1: `reduce()` 関数を使用する
function convertToHashMapUsingReduce(array, key) {
  return array.reduce((hashMap, obj) => {
    hashMap[obj[key]] = obj;
    return hashMap;
  }, {});
}

const hashMap1 = convertToHashMapUsingReduce(objectArray, 'city');
console.log("方法 1:", hashMap1);

// 方法 2: `forEach()` ループと `Object.assign()` 関数を使用する
function convertToHashMapUsingForEach(array, key) {
  const hashMap = {};
  array.forEach(obj => {
    hashMap[obj[key]] = Object.assign({}, obj);
  });
  return hashMap;
}

const hashMap2 = convertToHashMapUsingForEach(objectArray, 'name');
console.log("方法 2:", hashMap2);

方法 1: {
  "Tokyo": { id: 1, name: 'Alice', city: 'Tokyo' },
  "New York": { id: 2, name: 'Bob', city: 'New York' },
  "Paris": { id: 3, name: 'Charlie', city: 'Paris' }
}
方法 2: {
  "Alice": { id: 1, name: 'Alice', city: 'Tokyo' },
  "Bob": { id: 2, name: 'Bob', city: 'New York' },
  "Charlie": { id: 3, name: 'Charlie', city: 'Paris' }
}

このコードでは、objectArray という名前のオブジェクトの配列が定義されています。この配列には、id、name、および city という 3 つのプロパティを持つオブジェクトが含まれています。

2 つの変換方法はどちらも、objectArray を、city または name プロパティ値をキーとするハッシュマップに変換します。結果は同じですが、コードは少し異なります。

reduce() 関数を使用する方法は、より簡潔で、新しいオブジェクトを作成する必要がありません。
forEach() ループと Object.assign() 関数を使用する方法は、より冗長ですが、オブジェクトのコピーを作成する必要がある場合に役立ちます。

JavaScript のオブジェクト配列をハッシュマップに変換するその他の方法

Object.fromEntries() 関数は、キーと値のペアの配列をオブジェクトに変換するために使用できます。この関数は、オブジェクト配列を、オブジェクトの属性値をキーとするハッシュマップに変換するためにも使用できます。

function convertToHashMapUsingObjectFromEntries(array, key) {
  return Object.fromEntries(
    array.map(obj => [obj[key], obj])
  );
}

const hashMap3 = convertToHashMapUsingObjectFromEntries(objectArray, 'name');
console.log("方法 3:", hashMap3);

非同期処理を使用する

この問題は、非同期処理を使用して解決することもできます。これを行うには、まずオブジェクトの配列をイテレートし、各オブジェクトに対して非同期操作を実行する必要があります。非同期操作が完了したら、ハッシュマップに結果を追加できます。

この方法は、オブジェクトの配列が大きい場合や、非同期操作に時間がかかる場合に役立ちます。

async function convertToHashMapAsync(array, key) {
  const hashMap = {};
  for (const obj of array) {
    const result = await someAsyncOperation(obj);
    hashMap[obj[key]] = result;
  }
  return hashMap;
}

// `someAsyncOperation` は非同期操作を表す架空の関数です。

(async () => {
  const hashMap4 = await convertToHashMapAsync(objectArray, 'city');
  console.log("方法 4:", hashMap4);
})();