【JavaScript】map()メソッドでオブジェクトの配列に共通項目のプロパティを追加する方法

オブジェクトの配列内の各要素に新しいプロパティを追加したい場合、map()メソッドを使うのが最もシンプルで効果的な方法です。この記事では、名前の配列と照合しながら、学生データのオブジェクト配列に「存在確認」のプロパティを追加する具体例を紹介します。

サンプルデータの準備

まず、比較元となる名前の配列を用意します。

const firstname = ['John', 'David', 'Bob'];

続いて、プロパティを追加していく対象となるオブジェクトの配列です。

const studentDetails = [
    {
        firstname: 'Carol',
        marks: 78
    },
    {
        firstname: 'Mike',
        marks: 89
    },
    {
        firstname: 'Bob',
        marks: 86
    }
];

コード例：map()とSet()を組み合わせた実装

以下のコードでは、Setオブジェクトを使って名前の配列を高速に検索できるようにし、map()で各オブジェクトを走査しています。firstnameがSet内に存在すればisPresentに「存在する」旨の文字列を、存在しなければ「存在しない」旨の文字列を設定します。

const firstname = ['John', 'David', 'Bob'];
const studentDetails = [
    {
        firstname: 'Carol',
        marks: 78
    },
    {
        firstname: 'Mike',
        marks: 89
    },
    {
        firstname: 'Bob',
        marks: 86
    }
];
const data = new Set(firstname);
const result = studentDetails.map(tmpObject => {
    if (data.has(tmpObject.firstname)) tmpObject.isPresent = "This is present";
    else
    tmpObject.isPresent = "This is not present";
    return tmpObject;
});
console.log(result);

プログラムの実行方法

上記のプログラムを実行するには、Node.js環境で以下のコマンドを使用します。

node fileName.js

ここでは、ファイル名をdemo219.jsとして保存しているものとします。

出力結果

実行すると、コンソールには次のように出力されます。各オブジェクトにisPresentプロパティが追加され、名前が配列に含まれているかどうかが反映されているのが分かります。

PS C:\Users\Amit\JavaScript-code> node demo219.js
[
    { firstname: 'Carol', marks: 78, isPresent: 'This is not present' },
    { firstname: 'Mike', marks: 89, isPresent: 'This is not present' },
    { firstname: 'Bob', marks: 86, isPresent: 'This is present' }
]

ポイント解説

map()は元の配列を変更せずに新しい配列を返すため、安全にデータを加工できます。また、配列のincludes()ではなくSet.has()を使うことで、大規模なデータでも高速な存在チェック（O(1)の計算量）が可能になります。このパターンは、フラグ付けやデータのマージなど、さまざまな場面で応用できるテクニックです。