JavaScriptで配列内のオブジェクトの重複値を削除する方法


  1. Setを使用する方法:

    const array = [ {id: 1}, {id: 2}, {id: 1}, {id: 3}, {id: 2} ];
    const uniqueArray = Array.from(new Set(array.map(JSON.stringify)), JSON.parse);
    console.log(uniqueArray);
  2. filter()とindexOf()を使用する方法:

    const array = [ {id: 1}, {id: 2}, {id: 1}, {id: 3}, {id: 2} ];
    const uniqueArray = array.filter((obj, index, self) => {
    return index === self.findIndex((t) => (
    t.id === obj.id
    ));
    });
    console.log(uniqueArray);
  3. reduce()を使用する方法:

    const array = [ {id: 1}, {id: 2}, {id: 1}, {id: 3}, {id: 2} ];
    const uniqueArray = array.reduce((accumulator, obj) => {
    const found = accumulator.find(item => item.id === obj.id);
    if (!found) {
    accumulator.push(obj);
    }
    return accumulator;
    }, []);
    console.log(uniqueArray);

これらのメソッドは、与えられた配列内のオブジェクトのプロパティを比較し、重複するオブジェクトを削除します。どのメソッドを選択するかは、特定の要件やパフォーマンスによって異なります。

以上のコード例を使用して、JavaScriptで配列内のオブジェクトの重複値を削除する方法を実装してみてください。