js 下对后端返回格式的转换

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

这是一个创建于 1418 天前的主题，其中的信息可能已经有所发展或是发生改变。

问题：

后端返回的数据格式如下：

[ {name: '01', week: '周二', classes: '1-2', info: '数学'}, {name: '01', week: '周三', classes: '3-4', info: '语文'}, {name: '01', week: '周四', classes: '3-4', info: '体育'}, {name: '01', week: '周五', classes: '7-8', info: '英语'}, {name: '02', week: '周二', classes: '3-4', info: '语文'}, {name: '02', week: '周三', classes: '5-6', info: '数学'}, {name: '02', week: '周四', classes: '3-4', info: '政治'}, {name: '02', week: '周五', classes: '7-8', info: '英语'}, ]

在前端想转换为如下形式：

[ { name: '01', info: [ { week: '周二', classes: '1-2', class_info: '数学' }, { week: '周三', classes: '3-4', class_info: '语文' }, { week: '周四', classes: '3-4', class_info: '体育' }, { week: '周五', classes: '7-8', class_info: '英语' } ] }, { name: '02', info: [ { week: '周二', classes: '3-4', class_info: '语文' }, { week: '周三', classes: '5-6', class_info: '数学' }, { week: '周四', classes: '3-4', class_info: '政治' }, { week: '周五', classes: '7-8', class_info: '英语' } ] } ]

求教该如何使用 js 转换？

7 条回复 2022-06-06 22:05:13 +08:00

zhixiao

2022 年 6 月 6 日

用 lodash 的 groupBy 转一下就行了

rabbbit

2022 年 6 月 6 日

hevi

2022 年 6 月 6 日

```
const fooList = [
　{ name: "01", week: "周二", classes: "1-2", info: "数学" },
　{ name: "01", week: "周三", classes: "3-4", info: "语文" },
　{ name: "01", week: "周四", classes: "3-4", info: "体育" },
　{ name: "01", week: "周五", classes: "7-8", info: "英语" },
　{ name: "02", week: "周二", classes: "3-4", info: "语文" },
　{ name: "02", week: "周三", classes: "5-6", info: "数学" },
　{ name: "02", week: "周四", classes: "3-4", info: "政治" },
　{ name: "02", week: "周五", classes: "7-8", info: "英语" },
];

const data = fooList.map(item=>{
const {name, week, classes, info: class_info} = item;
return {
name,
info: {
week,
classes,
class_info
}
};
});
```

hevi

2022 年 6 月 6 日

@hevi 噢，没审题，别看了

sgiyy

2022 年 6 月 6 日

// [].reduce
// 前提数据源同 name 的是放在一起的
var old = [
{ name: "01", week: "周二", classes: "1-2", info: "数学" },
{ name: "01", week: "周三", classes: "3-4", info: "语文" },
{ name: "01", week: "周四", classes: "3-4", info: "体育" },
{ name: "01", week: "周五", classes: "7-8", info: "英语" },
{ name: "02", week: "周二", classes: "3-4", info: "语文" },
{ name: "02", week: "周三", classes: "5-6", info: "数学" },
{ name: "02", week: "周四", classes: "3-4", info: "政治" },
{ name: "02", week: "周五", classes: "7-8", info: "英语" },
];

const transform = (list) => {
return list.reduce(
(acc, cur) => {
let { result, current = acc;
const { name, ...rest } = cur;
if (name !== current) {
current = name;
result = result.concat({ name, info: [rest] });
} else {
result[result.length - 1].info.push(rest);
}
return { result, current };
},
{ result: [], current: "" }
).result;
};

const result = transform(old);

itechify

PRO

2022 年 6 月 6 日

很基础的数据结构转换吧。科班生懂 map ，list ，遍历就行了

juventusryp

2022 年 6 月 6 日

感谢各位回复，按照 2L 方法解决