分離基於小時逐從時間戳屬性

Question

對象數組我已經基於每個小時逐組合的對象的陣列。例如：

[{"id": "12345", "data": "abc", "timestamp": "2017-10-17T00:05:30.523Z"}, 
{"id": "16375", "data": "sgr", "timestamp": "2017-10-17T00:23:54.234Z"}, 
{"id": "46537", "data": "etd", "timestamp": "2017-10-17T01:36:16.463Z"}, 
{"id": "83645", "data": "eth", "timestamp": "2017-10-17T01:32:25.640Z"}, 
{"id": "36153", "data": "her", "timestamp": "2017-10-17T01:56:13.478Z"}, 
{"id": "31383", "data": "sry", "timestamp": "2017-10-17T05:56:56.362Z"}, 
{"id": "68123", "data": "rya", "timestamp": "2017-10-17T06:34:30.652Z"}] 

我要在以下格式的數據結果：

{ "00:00-00:59": 
[{"id": "12345", "data": "abc", "timestamp": "2017-10-17T00:05:30.523Z"}, 
{"id": "16375", "data": "sgr", "timestamp": "2017-10-17T00:23:54.234Z"}] 
"01:00-01:59": 
[{"id": "46537", "data": "etd", "timestamp": "2017-10-17T01:36:16.463Z"}, 
{"id": "83645", "data": "eth", "timestamp": "2017-10-17T01:32:25.640Z"}, 
{"id": "36153", "data": "her", "timestamp": "2017-10-17T01:56:13.478Z"}] 
"05:00-05:59": [{"id": "31383", "data": "sry", "timestamp": "2017-10-17T05:56:56.362Z"}] 
"06:00-06:59": [{"id": "68123", "data": "rya", "timestamp": "2017-10-17T06:34:30.652Z"}] 

是否有可能如上面提到的數據格式？我如何爲需求編寫短代碼？

Answer 1

試試這個代碼

var a = [{"id": "12345", "data": "abc", "timestamp": "2017-10- 17T00:05:30.523Z"}, 
{"id": "16375", "data": "sgr", "timestamp": "2017-10-17T00:23:54.234Z"}, 
{"id": "46537", "data": "etd", "timestamp": "2017-10-17T01:36:16.463Z"}, 
{"id": "83645", "data": "eth", "timestamp": "2017-10-17T01:32:25.640Z"}, 
{"id": "36153", "data": "her", "timestamp": "2017-10-17T01:56:13.478Z"}, 
{"id": "31383", "data": "sry", "timestamp": "2017-10-17T05:56:56.362Z"}, 
{"id": "68123", "data": "rya", "timestamp": "2017-10-17T06:34:30.652Z"}] 

var t, h, n, obj = {}; 
for(var i=0; i<a.length; i++) { 
    t = new Date(a[i].timestamp); 

    if (!isNaN(t.getTime())) { //if date is valid 
     h = t.getHours(); 
     n = h + ':00-' + h + ':59'; 
     if(typeof obj[n] === 'undefined') obj[n] = []; 
     obj[n].push(a[i]); 
    } 
} 

console.log(obj); 

Answer 2

您可以使用Array.reduce方法的數組轉換成希望的對象。

見下面的例子。

var a = [{"id": "12345", "data": "abc", "timestamp": "2017-10- 17T00:05:30.523Z"}, 
 
{"id": "16375", "data": "sgr", "timestamp": "2017-10-17T00:23:54.234Z"}, 
 
{"id": "46537", "data": "etd", "timestamp": "2017-10-17T01:36:16.463Z"}, 
 
{"id": "83645", "data": "eth", "timestamp": "2017-10-17T01:32:25.640Z"}, 
 
{"id": "36153", "data": "her", "timestamp": "2017-10-17T01:56:13.478Z"}, 
 
{"id": "31383", "data": "sry", "timestamp": "2017-10-17T05:56:56.362Z"}, 
 
{"id": "68123", "data": "rya", "timestamp": "2017-10-17T06:34:30.652Z"}] 
 

 
var obj = a.reduce((acc, curr) => { 
 
    var t = new Date(curr.timestamp); 
 
    if(!isNaN(t.getTime())) { 
 
    var h = t.getHours(); 
 
    var index = h + ':00-' + h + ':59'; 
 
    if(!acc[index]) { 
 
     acc[index] = []; 
 
    } 
 
    acc[index].push(curr); 
 
    } 
 
    return acc; 
 
}, {}); 
 

 

 
console.log(obj);

Answer 3

幾個小的更正向Fireman26的回答是：

const data = [ 
    {"id": "12345", "data": "abc", "timestamp": "2017-10-17T00:05:30.523Z"}, 
    {"id": "16375", "data": "sgr", "timestamp": "2017-10-17T00:23:54.234Z"}, 
    {"id": "46537", "data": "etd", "timestamp": "2017-10-17T01:36:16.463Z"}, 
    {"id": "83645", "data": "eth", "timestamp": "2017-10-17T01:32:25.640Z"}, 
    {"id": "36153", "data": "her", "timestamp": "2017-10-17T01:56:13.478Z"}, 
    {"id": "31383", "data": "sry", "timestamp": "2017-10-17T05:56:56.362Z"}, 
    {"id": "68123", "data": "rya", "timestamp": "2017-10-17T06:34:30.652Z"} 
] 

const grouped = data.reduce((obj, item) => { 
    const hourString = String(new Date(item.timestamp).getUTCHours()).padStart(2, '0') 
    if (hourString !== "NaN") { 
     const key = `${hourString}:00-${hourString}:59`; 
     (obj[key] = obj[key] || []).push(item) 
    } 
    return obj; 
}, {}); 

1. 小時是採取UTC時區。
2. 時針被填充以「0」即01:00-01:59代替1:00-1:59。