js 对象数组去重笔记

最新推荐文章于 2022-11-08 17:39:35 发布

一个不懂前端的前端

最新推荐文章于 2022-11-08 17:39:35 发布

阅读量72

点赞数 1

分类专栏： js 数组处理文章标签： javascript elementui vue.js

本文链接：https://blog.csdn.net/m0_48115116/article/details/125001640

版权

js 数组处理专栏收录该内容

1 篇文章 0 订阅

订阅专栏

 

    <script>
        var resutlt = [{
            foodNum: 1,
            id: 7,
            price: 18
        }, {
            foodNum: 2,
            id: 7,
            price: 18
        }, {
            foodNum: 1,
            id: 8,
            price: 18
        }, {
            foodNum: 3,
            id: 7,
            price: 18
        }, {
            foodNum: 1,
            id: 9,
            price: 18
        }, {
            foodNum: 4,
            id: 7,
            price: 18
        }, {
            foodNum: 2,
            id: 8,
            price: 18
        }, {
            foodNum: 3,
            id: 8,
            price: 18
        }, {
            foodNum: 2,
            id: 9,
            price: 18
        }, {
            foodNum: 1,
            id: 10,
            price: 18
        }, {
            foodNum: 3,
            id: 9,
            price: 18
        }, {
            foodNum: 4,
            id: 8,
            price: 18
        }]
        var obj = {}
        var b = resutlt.reduce((pre, cur, index) => {
            obj[cur.foodNum] ? '' : obj[cur.foodNum] = true && pre.push(cur)
            console.log(cur)
            return pre
        }, [])
        console.log(b)
            //打印出的数据格式
        0: {foodNum: 1, id: 7, price: 18}
        1: {foodNum: 2, id: 7, price: 18}
        2: {foodNum: 3, id: 7, price: 18}
        3: {foodNum: 4, id: 7, price: 18}


    </script>

如有更巧妙的方法一起交流