数据重定义进行分组

最新推荐文章于 2024-09-24 10:01:00 发布

愫暮~

最新推荐文章于 2024-09-24 10:01:00 发布

阅读量182

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_44975002/article/details/116230583

版权

var data={模块1:神秘森林: Array(4)
0: {id: "1381513522500599809", moduleName: "模块1:神秘森林", moduleTitle: "初步熟悉图形化编程，激发学习兴趣，堆积成就感", name: "神秘森林", title: "介绍编程及图形化编程界面，添加角色、背景，掌握角色信息面板，构建一个森林场景", …}
1: {id: "1381518198600105985", moduleName: "模块1:神秘森林", moduleTitle: "初步熟悉图形化编程，激发学习兴趣，堆积成就感", name: "花之精灵（上）", title: "搭建初始化积木，并能利用移动类积木完成蜜蜂在舞台上有目的的移动效果", …}
2: {id: "1381519120105472001", moduleName: "模块1:神秘森林", moduleTitle: "初步熟悉图形化编程，激发学习兴趣，堆积成就感", name: "花之精灵（下）", title: "使用重复执行等积木完成蜜蜂在舞台上一直挥动翅膀运动的效果", …}
3: {id: "1384027958976528385", moduleName: "模块1:神秘森林", moduleTitle: "初步熟悉图形化编程，激发学习兴趣，堆积成就感", name: "森林卫士（上）", title: "利用随机数积木和当角色被点击积木实现角色出现在舞台上随机位置，点击后会消失的效果",
}

返回的后台参数为对象数组进行数据处理

						for(var el in data){
                            data = data[el]
                        }
                        console.log(data)
                        var map = {},
                            dest = [];
                        for(var i = 0; i < data.length; i++) {
                            var ai = data[i];
                            if(!map[ai.moduleName]) { //依赖分组字段可自行更改！
                                dest.push({
                                    moduleName: ai.moduleName, //依赖分组字段可自行更改！
                                    moduleTitle:ai.moduleTitle,
                                    open:1,
                                    data: [ai]
                                });
                                map[ai.moduleName] = ai; //依赖分组字段可自行更改！
                            } else {
                                for(var j = 0; j < dest.length; j++) {
                                    var dj = dest[j];
                                    if(dj.moduleName == ai.moduleName) { //依赖分组字段可自行更改！
                                        dj.data.push(ai);
                                        break;
                                    }
                                }
                            }
                        }

通过for in循环在进行数据的重组，整成数组对象，然后再根据自己的需要通过for循环对数据进行分组，然后重组成所需数据格式。

dest = [
data: Array(4)
0: {id: "1381513522500599809", moduleName: "模块1:神秘森林", moduleTitle: "初步熟悉图形化编程，激发学习兴趣，堆积成就感", name: "神秘森林", title: "介绍编程及图形化编程界面，添加角色、背景，掌握角色信息面板，构建一个森林场景", …}
1: {id: "1381518198600105985", moduleName: "模块1:神秘森林", moduleTitle: "初步熟悉图形化编程，激发学习兴趣，堆积成就感", name: "花之精灵（上）", title: "搭建初始化积木，并能利用移动类积木完成蜜蜂在舞台上有目的的移动效果", …}
2: {id: "1381519120105472001", moduleName: "模块1:神秘森林", moduleTitle: "初步熟悉图形化编程，激发学习兴趣，堆积成就感", name: "花之精灵（下）", title: "使用重复执行等积木完成蜜蜂在舞台上一直挥动翅膀运动的效果", …}
3: {id: "1384027958976528385", moduleName: "模块1:神秘森林", moduleTitle: "初步熟悉图形化编程，激发学习兴趣，堆积成就感", name: "森林卫士（上）", title: "利用随机数积木和当角色被点击积木实现角色出现在舞台上随机位置，点击后会消失的效果", …}
moduleName: "模块1:神秘森林"
moduleTitle: "初步熟悉图形化编程，激发学习兴趣，堆积成就感"
open: 1
]