javascript – 根据对象中键的值对数组中的对象进行分组
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 根据对象中键的值对数组中的对象进行分组,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1872字,纯文字阅读大概需要3分钟。
内容图文
![javascript – 根据对象中键的值对数组中的对象进行分组](/upload/InfoBanner/zyjiaocheng/704/0a3ebe813381459bb37a74a4e3bafa1c.jpg)
我有以下数据,我想根据日期排序 – 不包括时间戳.
注意:我可以访问此任务的时刻.
我的数据如下所示:
const data = [
{
"fixture": "AC v Inter",
"kickOffTime": "2018-06-14T15:00:00Z",
},
{
"fixture": "DC v NYC",
"kickOffTime": "2018-06-15T12:00:00Z",
},
{
"fixture": "AFC v LPC",
"kickOffTime": "2018-06-15T15:00:00Z",
},
{
"fixture": "DTA v MC",
"kickOffTime": "2018-06-15T18:00:00Z",
},
{
"fixture": "LAC v GC",
"kickOffTime": "2018-06-16T18:00:00Z",
}
];
我尝试了很多方法.我希望实现的最终结果是以下数据结构.
const updatedDataStructure = [
{
date: "2018-06-14",
fixtures: [{
"fixture": "AC v Inter",
"kickOffTime": "2018-06-14T15:00:00Z",
}]
},
{
date: "2018-06-15",
fixtures: [
{
"fixture": "DC v NYC",
"kickOffTime": "2018-06-15T12:00:00Z",
},
{
"fixture": "AFC v LPC",
"kickOffTime": "2018-06-15T15:00:00Z",
},
{
"fixture": "DTA v MC",
"kickOffTime": "2018-06-15T18:00:00Z",
},
]
},
{
date: "2018-06-16",
fixtures: [{
"fixture": "LAC v GC",
"kickOffTime": "2018-06-16T18:00:00Z",
}]
},
];
这是我最近的一次尝试:
const result = fixtures.reduce(function (r, a) {
r[moment(a.kickOffTime).format('ddd Do MMM')] = r[moment(a.kickOffTime).format('ddd Do MMM')] || [];
r[moment(a.kickOffTime).format('ddd Do MMM')].push(a);
return r;
}, Object.create(null));
解决方法:
您可以从日期中获取一个切片,然后获取对象的条目并映射新的键/值.
const
data = [{ fixture: "AC v Inter", kickOffTime: "2018-06-14T15:00:00Z" }, { fixture: "DC v NYC", kickOffTime: "2018-06-15T12:00:00Z" }, { fixture: "AFC v LPC", kickOffTime: "2018-06-15T15:00:00Z" }, { fixture: "DTA v MC", kickOffTime: "2018-06-15T18:00:00Z" }, { fixture: "LAC v GC", kickOffTime: "2018-06-16T18:00:00Z" }];
result = Object
.entries(data.reduce((r, a) => {
var key = a.kickOffTime.slice(0, 10);
r[key] = r[key] || [];
r[key].push(a);
return r;
}, Object.create(null)))
.map(([date, fixtures]) => ({ date, fixtures }));
console.log(result);
.as-console-wrapper { max-height: 100% !important; top: 0; }
内容总结
以上是互联网集市为您收集整理的javascript – 根据对象中键的值对数组中的对象进行分组全部内容,希望文章能够帮你解决javascript – 根据对象中键的值对数组中的对象进行分组所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。