我在 SharePoint 中使用 knockout ,我使用 getJSON 查询所有新闻列表来获取数据。我需要创建一个侧边栏,其中包含按时间顺序分组的列表,其结构如下:年 -> 月 -> 新闻标题。
我已经设置了 View ,并且可以以initialData 集中的格式显示所有数据。
您能帮我重新格式化此列表吗:
var obj = [{
"Year":"2018",
"Month":"January",
"Title":"News 18 January 2018"
},
{...}];
此 View :
var initialData =
[{
Year: "2018",
Months: [{
Month: "January",
News: [
{Title: "News 18 January 2018"},
{Title: "News 23 January 2018"}]
},
{Month: "February",
News: [{...}]},
]
},{ Year: "2017", Months: [{...}]
}]
我用 forEach 循环、for 循环尝试了 Object.keys,但完全困惑了。
最佳答案
仅使用单个 forEach 循环或 Object.keys 无法解决此问题。您必须在多个键和多个级别上对对象进行分组。
首先,构建一个以年和月为键的对象,以便能够快速找到每个对象的匹配数组。然后将此键值映射展开为嵌套数组。
var years = {};
obj.forEach(function(o) {
years[o.Year] = years[o.Year] || { months: {} };
years[o.Year].months[o.Month] = years[o.Year].months[o.Month] || [];
years[o.Year].months[o.Month].push(o.Title);
});
var initialData = Object.keys(years).map(function(year) {
return {
Year: year,
Months: Object.keys(years[year].months).map(function(month) {
return {
Month: month,
News: years[year].months[month].map(function(title) {
return {
Title: title,
};
})
};
})
};
});
关于javascript - 将列表重新格式化为分组结构,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49064768/