Sum Data based on Time for weekly,monthly,yearly using javascript - javascript

I have a JSON js object which I am getting using AJAX.
the problem is I don't have much control on the backend, so the data is coming in simple JS object.
I have a JSON file as follows
var test =
[
{value : 23,
file_date : Wed Jan 01 2014 05:34:53 GMT+0530 (IST)
},
{value : 23,
file_date : Wed Jan 01 2014 09:34:53 GMT+0530 (IST)
},
{value : 23,
file_date : Wed Jan 01 2014 02:34:53 GMT+0530 (IST)
},
{value : 23,
file_date : Wed Jan 02 2014 06:34:53 GMT+0530 (IST)
},
{value : 23,
file_date : Wed Jan 02 2014 09:34:53 GMT+0530 (IST)
},
{value : 23,
file_date : Wed Jan 02 2014 04:34:53 GMT+0530 (IST)
},
{value : 23,
file_date : Wed Jan 03 2014 02:34:53 GMT+0530 (IST)
},
{value : 23,
file_date : Wed Jan 03 2014 01:34:53 GMT+0530 (IST)
},
{value : 23,
file_date : Wed Jan 03 2014 10:34:53 GMT+0530 (IST)
},
{value : 23,
file_date : Wed Jan 04 2014 7:34:53 GMT+0530 (IST)
},
{value : 23,
file_date : Wed Jan 05 2014 10:34:53 GMT+0530 (IST)
},
{value : 23,
file_date : Wed Jan 06 2014 11:34:53 GMT+0530 (IST)
}
]
the file_ts has different timestamp. my problem is that I have to consolidate this data.
If user select 1 Day then I have to get sum of all data hour wise. If there are 4 values between 2 and 3 hr then I have to sum that data hour wise.
then if weekly then weekly. I am trying to write a nodejs server with express and mysql but its also not working from there.

Here is what, i'm assuming, you were asking for:
If a user selects 'January 1st', you want to grab all info where
file_date is on the selected date and add up all the hours.
Here are the steps you would need to take:
Get data from Ajax Call
Search data by Date (input) and add matches together
Convert matches to date and add up hours
NOTE: I've converted your timezone (IST) to (UTC) so the output will be in GMT
// Test data
var test = [{
value: 23,
file_date: "Wed Jan 01 2014 05:34:53 GMT+0530 (IST)"
},{
value: 23,
file_date: "Wed Jan 01 2014 09:34:53 GMT+0530 (IST)"
},{
value: 23,
file_date: "Wed Jan 01 2014 02:34:53 GMT+0530 (IST)"
},{
value: 23,
file_date: "Thu Jan 02 2014 06:34:53 GMT+0530 (IST)"
},{
value: 23,
file_date: "Thu Jan 02 2014 09:34:53 GMT+0530 (IST)"
},{
value: 23,
file_date: "Thu Jan 02 2014 04:34:53 GMT+0530 (IST)"
}
];
var userInput = 1; // This is the date they typed in
// This function returns all records for a specific day (integer)
var getAllDayData = function(day){
var response = [];
for(var i=0;i<test.length;i++){
var fileDate = new Date(test[i].file_date);
if(fileDate.getDate() === day){ // getDate gets you day of month
response.push(fileDate);
}
}
return response;
};
var getTotalHoursFromDates = function(data){
var totalHours = 0;
for(var i=0;i<data.length;i++){
totalHours += data[i].getHours();
}
return totalHours;
};
var getTotalHoursFromInput = function(day){
var dayData = getAllDayData(day);
var response = getTotalHoursFromDates(dayData);
return response;
};
// Call the function
var dayTotal = getTotalHoursFromInput(userInput);
console.log(dayTotal); // 58
Regarding your request to grab weekly hours: You will have to add a function that takes all the days of the week (input), gather all the information for each day, add then add all of those hours together. This is a continuation of the code above.
var week = [31,1,2,3,4,5,6]; // This is the days of the selected full week
var getAllWeekData = function(days){
var response = [];
for(var i=0;i<days.length;i++){
var day = getAllDayData(days[i]);
if(day[0] != null) { // Checks for undefined or null
for(var y=0;y<day.length;y++){
response.push(day[i]);
}
}
}
return response;
};
var getAllWeekDays = function(selectedDays){
var allDays = getAllWeekData(selectedDays);
var response = getTotalHoursFromDates(allDays);
return response;
};
var weekTotal = getAllWeekDays(week);
console.log(weekTotal); // 120

Related

How to create array based unique key?

I have date range like this and I want to create array based on each month.
1 => Thu Feb 16 2023
1 => Fri Feb 17 2023
1 => Sat Feb 18 2023
1 => Sun Feb 19 2023
1 => Mon Feb 20 2023
1 => Tue Feb 21 2023
1 => Wed Feb 22 2023
1 => Thu Feb 23 2023
1 => Fri Feb 24 2023
1 => Sat Feb 25 2023
1 => Sun Feb 26 2023
1 => Mon Feb 27 2023
1 => Tue Feb 28 2023
2 => Wed Mar 01 2023
2 => Thu Mar 02 2023
2 => Fri Mar 03 2023
I need array like
1 => [Fri Feb 17 2023, Sat Feb 18 2023, ...],
2 => [Wed Mar 01 2023, Thu Mar 02 2023, ...]
And this is my code
let dts = {};
newDates.forEach((dt, i) => {
let mn = new Date(dt).getMonth();
dts[mn] = dt;
});
console.log(dts);
I got result like this
1 : Tue Feb 28 2023
2 : Fri Mar 03 2023
Got last element only. How to solve this? Thanks
You have the right basic idea. You need to create an array and push the value to it.
Your way with forEach
const dts = {};
newDates.forEach((dt, i) => {
const mn = new Date(dt).getMonth();
dts[mn] = dts[mn] || [];
dts[mn].push(dt);
});
Using reduce
const dts = newDates.reduce((acc, dt) => {
const mn = new Date(dt).getMonth();
acc[mn] = acc[mn] || [];
acc[mn].push(dt);
return acc;
}, {});

How can I build an object in React(typescript) based on an array of objects

I have two user objects:
const user = {
startDate: new Date('2022-10-06'),
endDate: new Date('2022-10-10'),
id:'1234',
title: 'Title 1'
};
const user2 = {
startDate: new Date('2022-10-12'),
endDate: new Date('2022-10-17'),
id: '1112',
title: 'Title 2'
};
and an array with these two objects and an empty object called dateToUserMap:
const users = [user, user2];
const dateToUserMap = {};
I want to add data to dateToUserMap and it needs to look like this:
dateToUserMap = {
'01.11.2022': [
{
id: 'asd',
title: 'asd'
}
],
'02.11.2022': [
{
id: 'asd',
title: 'asd'
},
{
id: 'asd1',
title: 'asd1'
}
],
'03.11.2022': [
{
id: 'asd1',
title: 'asd1'
}
]
};
dateToUserMap should be an object with the days of the intervals of each user in chronological order (in my case should be days from 10/6 until 10/10 and 10/12 until 10/17), and each day should have an array of objects with the id and title of the users in that interval.
I tried using forEach to loop trough the users in the users array and calculated the interval of each user but I don't know how to pass that data in the object with all the dates and the id and title
users.forEach(user => {
const interval = eachDayOfInterval({ start: user.startDate, end: user.endDate });
console.log(interval);
});
I use date-fns library to help me work with dates and when I log the interval to console I get this:
(6) [Wed Oct 12 2022 00:00:00 GMT+0300 (Eastern European Summer Time), Thu Oct 13 2022 00:00:00 GMT+0300 (Eastern European Summer Time), Fri Oct 14 2022 00:00:00 GMT+0300 (Eastern European Summer Time), Sat Oct 15 2022 00:00:00 GMT+0300 (Eastern European Summer Time), Sun Oct 16 2022 00:00:00 GMT+0300 (Eastern European Summer Time), Mon Oct 17 2022 00:00:00 GMT+0300 (Eastern European Summer Time)]
0
:
Wed Oct 12 2022 00:00:00 GMT+0300 (Eastern European Summer Time) {}
1
:
Thu Oct 13 2022 00:00:00 GMT+0300 (Eastern European Summer Time)
[[Prototype]]
:
Object
2
:
Fri Oct 14 2022 00:00:00 GMT+0300 (Eastern European Summer Time) {}
3
:
Sat Oct 15 2022 00:00:00 GMT+0300 (Eastern European Summer Time) {}
4
:
Sun Oct 16 2022 00:00:00 GMT+0300 (Eastern European Summer Time) {}
5
:
Mon Oct 17 2022 00:00:00 GMT+0300 (Eastern European Summer Time) {}
length
:
6
[[Prototype]]
:
Array(0)

AlaSQL & ORDER BY clause with dates

I need to get my data ordered by date and events but I'm struggling to get it working using AlaSQL query on Date objects:
function testOrderBy() {
var data = [{event:'A', date: new Date('2021-04-21')},
{event:'B', date: new Date('2021-04-21')},
{event:'C', date: new Date('2021-04-21')},
{event:'D', date: new Date('2021-04-20')}];
console.log(data);
var res = alasql(`SELECT event, date FROM ? ORDER BY date, event`, [data]);
console.log(res);
}
And the result obtained is:
[ { event: 'D',
date: Tue Apr 20 2021 02:00:00 GMT+0200 (Central European Summer Time) },
{ event: 'C',
date: Wed Apr 21 2021 02:00:00 GMT+0200 (Central European Summer Time) },
{ event: 'B',
date: Wed Apr 21 2021 02:00:00 GMT+0200 (Central European Summer Time) },
{ event: 'A',
date: Wed Apr 21 2021 02:00:00 GMT+0200 (Central European Summer Time) } ]
I was expecting:
[ { event: 'D',
date: Tue Apr 20 2021 02:00:00 GMT+0200 (Central European Summer Time) },
{ event: 'A',
date: Wed Apr 21 2021 02:00:00 GMT+0200 (Central European Summer Time) },
{ event: 'B',
date: Wed Apr 21 2021 02:00:00 GMT+0200 (Central European Summer Time) },
{ event: 'C',
date: Wed Apr 21 2021 02:00:00 GMT+0200 (Central European Summer Time) } ]
The problem does not occur if dates are not Date objects but ISO strings:
function testOrderBy() {
var data = [{event:'A', date: '2021-04-21'},
{event:'B', date: '2021-04-21'},
{event:'C', date: '2021-04-21'},
{event:'D', date: '2021-04-20'}];
console.log(data);
var res = alasql(`SELECT event, date FROM ? ORDER BY date, event`, [data]);
console.log(res);
}
The result is as expected D, A, B, C
Any idea ?
It is necessary to create the table schema to correctly consider the column as a Date type, as follows:
alasql("CREATE TABLE events (event string, date date)");
alasql.tables.events.data = [{event:'A', date: new Date('2021-04-21')},
{event:'B', date: new Date('2021-04-21')},
{event:'C', date: new Date('2021-04-21')},
{event:'D', date: new Date('2021-04-20')}];
alasql(`SELECT event, date INTO HTML("#res") FROM events ORDER BY date, event`);
<script src="https://cdn.jsdelivr.net/npm/alasql#1.7.3/dist/alasql.min.js"></script>
<div id="res">
</div>

Reduce Object array with same values

I have an array of Javascript Objects, which contain two important values date and status
I want to reduce them into an array of unique dates, where all the values are parsed into an object, that contains each of the status and the date.
I have tried using the reduce funtion, but i can't seem to collect the dates properly, so that all the data is collected properly.
The unique statuses are: "System Labelled", "Discarded", "Saved", "Reviewed"
So for example:
[{status: "System Labelled", date: Thu Mar 05 2020 01:00:00 GMT+0100 (Central European Standard Time)},
{status: "System Labelled", date: Thu Mar 05 2020 01:00:00 GMT+0100 (Central European Standard Time)},
{status: "System Labelled", date: Thu Mar 05 2020 02:00:00 GMT+0200 (Central European Summer Time)},
{status: "Discarded", date: Tue Mar 10 2020 01:00:00 GMT+0100 (Central European Standard Time)},
{status: "Saved", date: Sat Jan 11 2020 01:00:00 GMT+0100 (Central European Standard Time)}]
---->
[{System Labelled: 1, Discarded: 0, Saved: 0, Reviwed: 0, date: Thu Mar 05 2020 01:00:00 GMT+0100 (Central European Standard Time)},
{System Labelled: 2, Discarded: 0, Saved: 0, Reviwed: 0, date: Sun Apr 05 2020 02:00:00 GMT+0200 (Central European Summer Time)},
{System Labelled: 0, Discarded: 1, Saved: 0, Reviwed: 0, date: Tue Mar 10 2020 01:00:00 GMT+0100 (Central European Standard Time)},
{System Labelled: 0, Discarded: 0, Saved: 1, Reviwed: 0, date: Sat Jan 11 2020 01:00:00 GMT+0100 (Central European Standard Time)},
Here is the code i have so far:
const objects= [{status: "System Labelled", date: new Date("19-03-2020")},
{status: "System Labelled", date: new Date("19-03-2020")},
{status: "Discarded", date: new Date("19-03-2020")},
{status: "Saved", date: new Date("19-03-2020")}]
objects.reduce((acc, curr) =>{
console.log(acc.includes(curr.status))
if(acc.includes(curr.status)){
curr[acc.status]++
}
},[])
You can take an object for grouping and get the values as result array.
You need valid dates for it.
const
statuses = ["System Labelled", "Discarded", "Saved", "Reviewed"],
objects = [{ status: "System Labelled", date: "2020-03-19" }, { status: "System Labelled", date: "2020-03-19" }, { status: "Discarded", date: "2020-03-19" }, { status: "Saved", date: "2020-03-19" }],
result = Object.values(objects.reduce((acc, { status, date }) => {
acc[date] = acc[date] || { date, ...Object.fromEntries(statuses.map(k => [k, 0])) };
acc[date][status]++;
return acc;
}, {}));
console.log(result);
.as-console-wrapper { max-height: 100% !important; top: 0; }
what if you get the timestamp of each date and then add it as a string after the status it has to create one single string.
Example Object
[{status: "System Labelled", date: Thu Mar 05 2020 01:00:00 GMT+0100 (Central European Standard Time)}
Would Be
"System Labelled 1583366400"
And then you could just substring the timestamp to convert it to a date again

Amend results from two collections into an array using _.each()

My goal:
Call an API and inside this API I would like to:
Find Bills
Find all transactions under each bill (by billId)
Return the values in a JSON ARRAY
The bill array look like this:
{ _id: 549bf0597886c3763e000001,
billName: 'Leasing',
startDate: Thu Dec 25 2014 01:00:00 GMT+0100 (CET),
endDate: Sun Oct 15 2017 00:00:00 GMT+0200 (CEST),
amount: 16500,
type: 4,
timestamp: Thu Dec 25 2014 12:09:13 GMT+0100 (CET),
__v: 0 },
{ _id: 54a014bfac01ca3526000001,
billName: 'Test',
startDate: Tue Oct 28 2014 01:00:00 GMT+0100 (CET),
endDate: Wed Dec 20 2017 00:00:00 GMT+0100 (CET),
amount: 1000,
type: 4,
timestamp: Sun Dec 28 2014 15:33:35 GMT+0100 (CET),
__v: 0 }
From this array, which I get in the step 1, I would like to query the transactions collections and get each transaction for each bill.
The array would have the following transformation:
From:
{ _id: 549bf0597886c3763e000001,
billName: 'Leasing',
startDate: Thu Dec 25 2014 01:00:00 GMT+0100 (CET),
endDate: Sun Oct 15 2017 00:00:00 GMT+0200 (CEST),
amount: 16500,
type: 4,
timestamp: Thu Dec 25 2014 12:09:13 GMT+0100 (CET),
__v: 0 },
{ _id: 54a014bfac01ca3526000001,
billName: 'Test',
startDate: Tue Oct 28 2014 01:00:00 GMT+0100 (CET),
endDate: Wed Dec 20 2017 00:00:00 GMT+0100 (CET),
amount: 1000,
type: 4,
timestamp: Sun Dec 28 2014 15:33:35 GMT+0100 (CET),
__v: 0 }
To:
{ _id: 549bf0597886c3763e000001,
billName: 'Leasing',
startDate: Thu Dec 25 2014 01:00:00 GMT+0100 (CET),
endDate: Sun Oct 15 2017 00:00:00 GMT+0200 (CEST),
amount: 16500,
type: 4,
timestamp: Thu Dec 25 2014 12:09:13 GMT+0100 (CET),
__v: 0 ,
transactions: {
{
"_id" : ObjectId("549ea8c957b654ef64000003"),
"billId" : "5499aece1d7be6c6a3000001",
"paymentDate" : ISODate("2014-12-27T12:40:41.311+0000"),
"amount" : NumberInt(2400),
"timestamp" : ISODate("2014-12-27T12:40:41.311+0000"),
"__v" : NumberInt(0)
}
{
"_id" : ObjectId("549ea9446163b3c666000001"),
"billId" : "5499aece1d7be6c6a3000001",
"paymentDate" : ISODate("2014-12-27T12:42:44.975+0000"),
"amount" : NumberInt(2400),
"timestamp" : ISODate("2014-12-27T12:42:44.975+0000"),
"__v" : NumberInt(0)
}
}
},
{ _id: 54a014bfac01ca3526000001,
billName: 'Test',
startDate: Tue Oct 28 2014 01:00:00 GMT+0100 (CET),
endDate: Wed Dec 20 2017 00:00:00 GMT+0100 (CET),
amount: 1000,
type: 4,
timestamp: Sun Dec 28 2014 15:33:35 GMT+0100 (CET),
__v: 0 }
In my attempt, Im succeding until I get the bills ID from the bill collection but I cannot succeed to get the transaction IDs into an array.
My attempt looks like this:
app.get('/getbills', function(req,res) {
function getTransactions(item, key){
var billId = item._id;
Transactions.find({billId : billId}, function(err, transactions){ // TODO: Needs to look for transactions inside the date.
if (err)
console.log('error: '+ err)
else if (transactions.length !== 0){
return transactions;
}
});
};
Bills.find({type: bill_type}).find(function(err, bills){
if(err)
res.send(err);
details.bills = bills;
details.bills.transations = _.each(bills, getTransactions);
res.send(details);
});
});
I'm using _.each to hold the billId and query the transactions table but there are not enough examples explaining how to use this function in the way I'm trying. Or maybe my attempt is wrong.
Any help is welcome.
Thanks in advance.
You are not waiting for you second call to finish, so you don't have all data at hand. Your return statement does not work as you think it will.
You should read a bit about asynchronicity in JavaScript :)
This code should work. Please take some time to study it and understand why. The trySend function acts as a simple synchronizer and only responds when all data is available. This is not the best way to do it - only the simplest.
app.get('/bills', function( req, res ) {
Bills.find({type: bill_type}, function( err, bills ) {
if( err ) return res.send(err);
var tries = 0;
var details = { bills: bills };
var trySend = function (){
tries++;
if (tries === bills.length) {
res.send(details);
}
};
bills.forEach( function ( bill ) {
Transactions.find({billId : bill._id}, function ( err, transactions ) {
if ( err ) return res.send( err );
bill.transations = transactions;
trySend();
});
});
});
});

Categories

Resources