【JavaScript】別のオブジェクト配列のIDと一致するかどうかで、配列内のオブジェクトプロパティをtrue/falseに設定する方法

JavaScriptでは、reduce()とmap()を組み合わせることで、ある配列内のオブジェクトのIDが別のオブジェクト配列のIDと一致するかどうかを判定し、その結果に応じてプロパティをtrue/falseとして設定できます。

基本的な考え方

まずreduce()を使って、照合元となる配列から「IDをキーとした検索用オブジェクト」を作成します。次にmap()で対象の配列を処理し、各要素のIDがその検索用オブジェクトに存在するかを確認して、新しいプロパティ（ここではmatchingResult）にtrueまたはfalseを設定します。

サンプルコード

以下に具体的なコード例を示します。

let firstDetails = [
  { "studentId": 101, "studentName": "John" },
  { "studentId": 102, "studentName": "David" },
  { "studentId": 103, "studentName": "Bob" }
]

let secondDetails = [
  { "studentId": 101, "studentName": "Robert" },
  { "studentId": 109, "studentName": "Mike" },
  { "studentId": 103, "studentName": "Adam" }
]

// secondDetails の studentId をキーとしたオブジェクトを生成
const obj = secondDetails.reduce((o, v) => (o[v.studentId] = true, o), {})

// firstDetails の各要素に matchingResult プロパティを追加
const output = firstDetails.map(v => ({ ...v, matchingResult: obj[v.studentId] || false }))

console.log(output)

実行方法

上記のプログラムを実行するには、Node.js環境で以下のコマンドを使用します。ここではファイル名をdemo316.jsとして保存したものとします。

node demo316.js

出力結果

プログラムを実行すると、以下のような出力が得られます。

PS C:\Users\Amit\javascript-code> node demo316.js
[
    { studentId: 101, studentName: 'John', matchingResult: true },
    { studentId: 102, studentName: 'David', matchingResult: false },
    { studentId: 103, studentName: 'Bob', matchingResult: true }
]

コードの解説

• reduce()による検索用オブジェクトの作成： secondDetailsの各要素からstudentIdを取り出し、キーとして値trueを持つオブジェクトを構築しています。これにより、IDの照合がO(1)の高速な参照になります。
• map()による新しい配列の生成： スプレッド構文（...v）を使って元のオブジェクトのプロパティをすべてコピーしつつ、matchingResultという新しいプロパティを追加しています。
• || falseによるフォールバック： 一致するIDが存在しない場合、obj[v.studentId]はundefinedになるため、|| falseによって明示的にfalseが設定されます。

この手法を使えば、2つの配列間でのIDの一致・不一致を効率的に判定でき、データのフィルタリングやフラグ管理など、さまざまな場面で応用できます。