将一个js数组按日期分组的实现方法

举例说明:

产品需求:
这里写图片描述

假如后台返回格式:
var data = [
    {"time": 1517482336545, "location": "浦东"},
    {"time": 1517482336543, "location": "静安"},
    {"time": 1516344919173, "location": "内环"},
    {"time": 1515574927334, "location": "五环"},
    {"time": 1517482336544, "location": "苏州"}
];
这就需要前台再处理成我们需要的数据了。
步骤:将毫秒转换成日期格式----处理数组---返回需要的数据格式[{time:"",location:[]}]
方法:
//转换时间
function transDate(n) {
  var date = new Date(n);
  var Y = date.getFullYear() + '-';
  var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
  var D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();
  return (Y + M + D)
}
//处理原数组
for(var i=0;i<arr.length;i++){
    var timeitem = transDate(arr[i].time);
    console.log(arr[i].time);
    arr[i].time = timeitem;
}
//返回所需数据格式
const mapLoction = function(arr) {
    let newArr = [];
    arr.forEach((address, i) => {
        let index = -1;
        let alreadyExists = newArr.some((newAddress, j) => {
            if (address.time === newAddress.time) {
                index = j;
                return true;
            }
        });
        if (!alreadyExists) {
            newArr.push({
                time: address.time,
                location: [address.location]
            });
        } else {
            newArr[index].location.push(address.location);
        }
    });
    return newArr;
};
console.log(mapLoction(data));
之后就是渲染数据了
打印结果:

这里写图片描述

  • 9
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值