vue中的map和foreach＜2＞

silence^

于 2023-06-02 18:29:58 发布

阅读量178

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/lyclyc_/article/details/131010867

版权

  console.log(JSON.parse(JSON.stringify(filterCategory)))
                    filterCategory.forEach((item)=>{
                            item.value=item.id,
                            item.text=item.name
                    })
                    console.log(JSON.parse(JSON.stringify(filterCategory)),'test')

旧的：

[
    {
        "id": 0,
        "name": "全部",
        "checked": true
    },
    {
        "id": 1005001,
        "name": "餐厨",
        "checked": false
    },
    {
        "id": 1005000,
        "name": "居家",
        "checked": false
    },
    {
        "id": 1008000,
        "name": "配件",
        "checked": false
    },
    {
        "id": 1005002,
        "name": "饮食",
        "checked": false
    }
]

新的

[
    {
        "id": 0,
        "name": "全部",
        "checked": true,
        "value": 0,
        "text": "全部"
    },
    {
        "id": 1005001,
        "name": "餐厨",
        "checked": false,
        "value": 1005001,
        "text": "餐厨"
    },
    {
        "id": 1005000,
        "name": "居家",
        "checked": false,
        "value": 1005000,
        "text": "居家"
    },
    {
        "id": 1008000,
        "name": "配件",
        "checked": false,
        "value": 1008000,
        "text": "配件"
    },
    {
        "id": 1005002,
        "name": "饮食",
        "checked": false,
        "value": 1005002,
        "text": "饮食"
    }
]

总结:forEach是在原数组直接可以新增，复杂数据类型时。
不会有返回值，

map 有返回值，返回值是修改原数组后的值，原数组不变

   var a= filterCategory.map((item)=>{
                        return {
                            value:item.id,
                            text:item.name
                        }
                    })
                //  filterCategory.forEach((item)=>{
                //             item.value=item.id,
                //             item.text=item.name
                //     })
                    console.log(JSON.parse(JSON.stringify(a)),'test')
                    console.log(JSON.parse(JSON.stringify(filterCategory)))
                }

[
    {
        "id": 0,
        "name": "全部",
        "checked": true
    },
    {
        "id": 1005001,
        "name": "餐厨",
        "checked": false
    },
    {
        "id": 1005000,
        "name": "居家",
        "checked": false
    },
    {
        "id": 1008000,
        "name": "配件",
        "checked": false
    },
    {
        "id": 1005002,
        "name": "饮食",
        "checked": false
    }
]

[
    {
        "value": 0,
        "text": "全部"
    },
    {
        "value": 1005001,
        "text": "餐厨"
    },
    {
        "value": 1005000,
        "text": "居家"
    },
    {
        "value": 1008000,
        "text": "配件"
    },
    {
        "value": 1005002,
        "text": "饮食"
    }
]