对象数组去重

最新推荐文章于 2025-11-27 12:57:01 发布

原创最新推荐文章于 2025-11-27 12:57:01 发布 · 172 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html #vue

该代码定义了一个名为objArrDuplicates的函数，用于从数组中去除重复的对象，依据是对象的type属性。给定一个包含多个对象（如feeArr）的数组，该函数返回一个新的数组，其中所有对象的id属性都是唯一的。示例中，应用此函数到feeArr上，以id为基准去重，生成newFeeArr。

objArrDuplicates(arr,type){
    const obj = {}
    return arr.reduce(function(newArr, item) {
        obj[item[type]] ? '' : obj[item[type]] = true && newArr.push(item)
        return newArr
    }, [])
}

feeArr = [
    {
        name: '打包费',
        id: '1'
    },
    {
        name: '装箱费',
        id: '2'
    },
    {
        name: '人工费',
        id: '3'
    },
    {
        name: '托运费',
        id: '3'
    },
    {
        name: '消杀费',
        id: '4'
    }
]



const newFeeArr = this.objArrDuplicates(feeArr, 'id')