JavaScriptで配列から重複したオブジェクトを削除する方法


  1. Setを使用する方法:

    const array = [obj1, obj2, obj3, obj4, obj1, obj2];
    const uniqueArray = [...new Set(array)];
    console.log(uniqueArray);
  2. filter()とindexOf()を組み合わせる方法:

    const array = [obj1, obj2, obj3, obj4, obj1, obj2];
    const uniqueArray = array.filter((obj, index) => array.indexOf(obj) === index);
    console.log(uniqueArray);
  3. reduce()を使用する方法:

    const array = [obj1, obj2, obj3, obj4, obj1, obj2];
    const uniqueArray = array.reduce((unique, obj) => {
    return unique.includes(obj) ? unique : [...unique, obj];
    }, []);
    console.log(uniqueArray);
  4. Mapを使用する方法:

    const array = [obj1, obj2, obj3, obj4, obj1, obj2];
    const uniqueArray = Array.from(new Map(array.map(obj => [obj, obj])).values());
    console.log(uniqueArray);

これらの方法を使用すると、JavaScriptで配列から重複したオブジェクトを効果的に削除することができます。ご参考ください。