JavaScriptでユニークなオブジェクトの配列を作成する方法


  1. プリミティブなプロパティの値を比較する方法:

    • まず、ユニークな結果を得るために、新しい空の配列を作成します。
    • 元の配列の各要素に対して、その要素のプリミティブなプロパティの値が新しい配列に既に存在するかどうかを確認します。
    • 存在しない場合は、新しい配列に要素を追加します。
    const originalArray = [/* オブジェクトの配列 */];
    const uniqueArray = [];
    
    originalArray.forEach((element) => {
     const isDuplicate = uniqueArray.some((item) => item.property === element.property);
     if (!isDuplicate) {
       uniqueArray.push(element);
     }
    });
  2. オブジェクトの参照を比較する方法:

    • ユニークなオブジェクトの参照を比較する方法では、Setオブジェクトを使用します。
    • Setオブジェクトは一意の値を保持するため、重複するオブジェクトは自動的に除外されます。
    const originalArray = [/* オブジェクトの配列 */];
    const uniqueArray = [...new Set(originalArray)];
  3. lodashライブラリを使用する方法:

    • lodashライブラリは、JavaScriptでよく使用されるユーティリティ関数を提供します。
    • uniqBy関数を使用すると、指定したプロパティに基づいてオブジェクトの配列をユニークにすることができます。
    const _ = require('lodash');
    const originalArray = [/* オブジェクトの配列 */];
    const uniqueArray = _.uniqBy(originalArray, 'property');

上記の方法のいずれかを使用して、ユニークなオブジェクトの配列を作成できます。それぞれの方法には利点と制限がありますので、使用する状況に応じて適切な方法を選択してください。