数据处理，foreach循环应用

最新推荐文章于 2021-05-14 11:43:30 发布

原创最新推荐文章于 2021-05-14 11:43:30 发布 · 570 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#forEach使用

Web前端同时被 2 个专栏收录

39 篇文章

订阅专栏

javaScript

8 篇文章

订阅专栏

本文介绍了一个JavaScript编程中的实用技巧——如何通过遍历操作使数组中每个元素的bizName属性与其所在父级对象的name属性保持一致。该方法适用于前端开发场景，通过两个嵌套的foreach循环实现了数组属性的有效更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求：

 Array数组中每一项的name值与数组的arr属性中每一个bizName值相等，即arr中的bizName值应该全为'餐厅'或便利店，foreach循环实现

let arr = [
    {
        name: '餐厅',
        arr: [
            {bizName: '111', certId: '', certName: '', certType: '', createTime: ''},
            {bizName: '356', certId: '', certName: '', certType: '', createTime: ''},
            {bizName: '357', certId: '', certName: '', certType: '', createTime: ''},
            {bizName: '359', certId: '', certName: '', certType: '', createTime: ''}
            ]
    },
    {
        name: '便利店',
        arr: [
            {bizName: '111', certId: '', certName: '', certType: '', createTime: ''},
            {bizName: '356', certId: '', certName: '', certType: '', createTime: ''},
            {bizName: '357', certId: '', certName: '', certType: '', createTime: ''},
            {bizName: '359', certId: '', certName: '', certType: '', createTime: ''}
        ]
    }
];
console.log(arr);

//定义函数
    function muFunction( arr ) {
            let endArr = [];
            arr.forEach(obj => {
                obj.arr.forEach(item => {
                    item.bizName = obj.name;
                });
            })
            arr.forEach(index => {
                endArr = endArr.concat(index.arr);
            })
            console.log(endArr);
            return endArr;
    }
//函数调用  
    muFunction(arr);

输出结果

arr 原始数据

这里写图片描述

endArr 输出数据

这里写图片描述

备注

 开发项目中遇到的问题,随笔。