I am attempting to iterate through an array of months nested within an array of 'years' in order to calculate a count for each month using a custom angular filter. Initially, I set up the structure I will be looping through in the first while loop.
while(i < itemYears.length) {
// Exclude null end dates and combine year part of other end dates with months array.
if (itemYears[i].end !== undefined && itemYears[i].end !== null) {
completeByMonth.push({ year: itemYears[i].end.substring(0,4), months: months });
}
i++; // Move to next iteration
}
The structure created by the above loop is as follows:
{
year: 2015,
months: [
{ number: '01', text: 'January', count: 0 }
...
...
]
}
In the nested while loop, I proceed to iterate through each month of every item.
// Loop through the years
while(j < completeByMonth.length) {
var year = completeByMonth[j], k = 0;
// Iterate through the months for the current year
while(k < year.months.length) {
year.months[k].count = $filter('endedMonth')(items, year.year, year.months[k].number).length; // Filter items based on year and month.
console.log(year.year, year.months[k].text, 'count', year.months[k].count);
k++; // Move to next month
}
console.log(year);
j++; // Move to next year
}
console.log('completeByMonth', completeByMonth);
return completeByMonth;
Although the console logs show the correct counts for each month of every year, the final output of the completeByMonth array displays identical month counts for each year, resembling those of the last year in the array.
Question: What strategies can I implement to prevent this issue of overwriting month counts?
I would greatly appreciate any advice or alternative approaches to tackle this challenge.