ES6 の Set データ構造を使用してオブジェクト配列を重複排除する

次のオブジェクトの配列があります。

const list =[
    { name: "张三", age: 18, address: "北京" },
    { name: "李四", age: 20, address: "天津" },
    { name: "王五", age: 22, address: "河北" },
    { name: "张三", age: 18, address: "北京" },
    { name: "李四", age: 20, address: "天津" },
]

 このうち、Zhang San と Li Si は重複オブジェクトです。Set
データ構造を使用して重複オブジェクトを削除します。

const strings = list.map((item) => JSON.stringify(item));
const removeDupList = [...new Set(strings)]; //也可以使用Array.from(new Set(strings))
const result = removeDupList.map((item) => JSON.parse(item));
// result
// [
//     { name: "张三", age: 18, address: "北京" },
//     { name: "李四", age: 20, address: "天津" },
//     { name: "王五", age: 22, address: "河北" },
// ]

新しい Set(strings) を上記で変換する必要がある理由を説明してください。Set のデータ構造は実際の配列ではないため配列に似ており、そのメンバー値は重複がなく一意であるため、重複排除に使用できます。ただし、配列のような構造であるため、使用するには実際の配列に変換する必要があります。

おすすめ

転載: blog.csdn.net/qq_38679823/article/details/128151811