按日期在2个日期之间过滤数组

Max*_* R. 4 javascript typescript angular

我试图通过TypeScript中用户的日期/迄今输入来为我的Angular App过滤LineChart的数据数组.数据数组具有以下结构:

var multi = [
    {
      "name": "test1",
      "series": [
        {
            "date": new Date("2018-01-01T01:10:00Z"),
            "value": 44
        },...
      ]
    },
    {
      "name": "test2",
      "series": [
        {
            "date": new Date("2018-01-01T01:10:00Z"),
            "value": 38
          },...
      ]
    },
    {
      "name": "test3",
      "series": [
        {
            "date": new Date("2018-01-01T01:10:00Z"),
            "value": 33
          },...
      ]
    }
  ];
Run Code Online (Sandbox Code Playgroud)

我现在想要按照内部日期在'fromDate'之后和'toDate'之前的条件过滤数组的项目.我尝试了以下方法:

obj.forEach(data => {
            console.log(data.name);
            data.series = data.series.filter((item: any) => {
                item.date.getTime() >= fromDate.getTime() &&
                item.date.getTime() <= toDate.getTime();
            });
        });
Run Code Online (Sandbox Code Playgroud)

obj[]阵列具有一个空的obj[i].series阵列之后.有人可以帮我吗?迭代似乎是正确的,因为调试给了我所有日期,同样来自比较日期的真/假语句也是正确的.

提前致谢

Nin*_*olz 15

您需要return显式的compairing值

data.series = data.series.filter((item: any) => {
    return item.date.getTime() >= fromDate.getTime() &&
           item.date.getTime() <= toDate.getTime();
});
Run Code Online (Sandbox Code Playgroud)

或没有括号,隐含.

data.series = data.series.filter((item: any) =>
    item.date.getTime() >= fromDate.getTime() && item.date.getTime() <= toDate.getTime()
);
Run Code Online (Sandbox Code Playgroud)

  • 除此之外,在箭头函数上使用括号和不使用它们之间存在差异.当你使用括号时,你应该写一个函数的完整主体 - 包括`return`语句.当不使用括号时,您应该只写入应该由箭头函数返回的内联语句.因此,要解决此问题,请删除括号或包含`return`关键字. (3认同)

小智 6

当结束日期与开始日期相同时,我遇到了问题要解决此问题,我必须将结束日期的时间设置为 23.59

const start =  new Date().getTime()
const end=new Date()
end.setHours(23,59,59,999)
end.getTime()

return items.filter(item => {
   let date = new Date(item.created_at).getTime();
   return date >= start && date <= end;
}
Run Code Online (Sandbox Code Playgroud)