【JavaScript】2つの配列を連結せずに、値が大きい方のオブジェクトを取得する方法

はじめに：連結せずに2つの配列から値が大きいオブジェクトを取得する

2つの配列から特定のプロパティの値が大きい方のオブジェクトを取得したい場合、配列をconcat()などで連結する必要はありません。reduce()メソッドをそれぞれの配列に対して個別に適用すれば、目的の結果を得られます。

ここでは、「生徒名」と「点数」を持つオブジェクトの配列を例に説明します。

var sectionAStudentDetails =
[
    {studentName: 'John', studentMarks: 78},
    {studentName: 'David', studentMarks: 65},
    {studentName: 'Bob', studentMarks: 98}
];
let sectionBStudentDetails =
[
    {studentName: 'John', studentMarks: 67},
    {studentName: 'David', studentMarks: 89},
    {studentName: 'Bob', studentMarks: 97}
];

reduce()を使った実装例

以下のコードでは、両方の配列にreduce()を適用し、点数が高い方のオブジェクトを取得しています。ポイントは、1つ目の配列をreduce()で処理した結果を、2つ目の配列のreduce()の初期値として渡すところです。こうすることで、配列を連結しなくても全体を比較できます。

var sectionAStudentDetails =
[
    {studentName: 'John', studentMarks: 78},
    {studentName: 'David', studentMarks: 65},
    {studentName: 'Bob', studentMarks: 98}
];
let sectionBStudentDetails =
[
    {studentName: 'John', studentMarks: 67},
    {studentName: 'David', studentMarks: 89},
    {studentName: 'Bob', studentMarks: 97}
];
function concatTwoArraysWithoutConcatFunction(arrayValues, k) {
    const previousValue = arrayValues[k.studentName];
    if (!previousValue || k.studentMarks >= previousValue.studentMarks)
        arrayValues[k.studentName] = k;
        return arrayValues;
}
const setionA = sectionAStudentDetails.reduce(concatTwoArraysWithoutConcatFunction, {});
const sectionB = sectionBStudentDetails.reduce(concatTwoArraysWithoutConcatFunction, setionA);
console.log(Object.values(sectionB));

コードの仕組み

コールバック関数は、アキュムレータであるarrayValuesと現在の要素kを受け取ります。previousValueには、同じ生徒名の既存エントリが格納されます。既存エントリが存在しない場合、または新しい点数の方が大きい場合にのみ、オブジェクトが上書きされます。最後にObject.values()を使うことで、オブジェクトの値だけを配列として取り出しています。

プログラムの実行方法

上記のプログラムを実行するには、次のコマンドを使用します。ここではファイル名を「demo84.js」としています。

node fileName.js

出力結果

実行すると、以下のような出力が得られます。

PS C:\Users\Amit\JavaScript-code> node demo84.js
[
    { studentName: 'John', studentMarks: 78 },
    { studentName: 'David', studentMarks: 89 },
    { studentName: 'Bob', studentMarks: 98 }
]

このように、配列を連結せずにreduce()を段階的に適用するだけで、各生徒ごとの最高得点のオブジェクトをひとまとめに取得できることがわかります。