[英]Using Array.prototype.filter() doesn't de-dupe array of arrays
[英]Is there a way to de-dupe a javascript array and combine values of the data?
我正在使用ajax请求来获取一些XML数据,然后将这些数据推入Fusioncharts中的图表中。
XML数据的格式为[花费的时间],[完成的工作],[哪个团队完成],[谁做的](请参见下文)。
我正在遍历XML,然后使用以下代码构建数组:
//Time Recorded
if (columnidchecker == 7781) {
timearray.push($j(this).find('displayData').text());
temp1 = $j(this).find('displayData').text();
}
//Type of Activity
if (columnidchecker == 7782) {
activityarray.push($j(this).find('displayData').text());
temp2 = $j(this).find('displayData').text();
}
//Team Done For
if (columnidchecker == 7783) {
subjectarray.push($j(this).find('displayData').text());
temp3 = $j(this).find('displayData').text();
}
//Name
if (columnidchecker == 7777) {
internalclientarray.push($j(this).find('displayData').text());
temp4 = $j(this).find('userDisplayName').text();
}
});
//PUSH INTO A NEW ARRAY WHICH CAN THEN BE SORTED AND DE-DUPED WITH TIME COMBINED AGAINST ACTIVITY / TEAM.
objectarray.push([temp1, temp2, temp3, temp4]);
这将从XML构建一个条目数组,该条目基本上输出为如下所示的内容:
0: (4) ["1.50", "Ad-hoc queries or calls", "Team 1", "James"]
1: (4) ["2.50", "Ad-hoc queries or calls", "Team 1", "James"]
2: (4) ["1.00", "Advice", "Team 2", "James"]
3: (4) ["3.50", "Meeting (External 3rd Party)", "Team 1", "James"]
4: (4) ["1.20", "Administration", Team 2", "James"]
5: (4) ["5.50", "Advice", "Team 1", "John"]
我正在尝试在Fusioncharts中构建一个图表,该图表需要如下所示的格式(忽略脚的内容-它直接从FusionCharts帮助页面中获取!)。
{
"chart": {
"theme": "fusion",
"caption": "Revenue split by product category",
"subCaption": "For current year",
"xAxisname": "Quarter",
"yAxisName": "Revenues (In USD)",
"showSum": "1",
"numberPrefix": "$"
},
"categories": [
{
"category": [
{
"label": "Q1"
},
{
"label": "Q2"
},
{
"label": "Q3"
},
{
"label": "Q4"
}
]
}
],
"dataset": [
{
"seriesname": "Food Products",
"data": [
{
"value": "11000"
},
{
"value": "15000"
},
{
"value": "13500"
},
{
"value": "15000"
}
]
},
{
"seriesname": "Non-Food Products",
"data": [
{
"value": "11400"
},
{
"value": "14800"
},
{
"value": "8300"
},
{
"value": "11800"
}
]
}
]
}
我遇到的问题是我无法弄清楚如何根据时间,活动,团队,姓名和类别将数据数组进行分类。
我认为第一步是创建一个新的名称数组,该名称数组可以推入Fusioncharts的“类别”数据字段中。
然后,我需要一种方法来记录针对每个活动和每个团队的时间,并确保在分配的条形图中将其分配给合适的人,并结合所花费的时间。 (即“詹姆斯”总共花了4个小时为第1小组进行“临时查询和呼叫”,但这分为两个时间条目,因此我需要一种将它们组合为一个的方法。)
任何帮助,将不胜感激。
我可以使用以下代码对名称进行重复数据删除以创建新数组:
namesarray.push(temp4);
uniq = [...new Set(namesarray)];
但是之后它开始变得非常复杂。
也许这可以对您有所帮助。 它可能不完全符合您想要的形式,但是它演示了如何将问题分解为更小的部分。
伪代码:
对于每个唯一的人名:
3.1。 获取该人的数据行
3.2 对于所有唯一任务名称:
const testData = [ [ "1.50", "Ad-hoc queries or calls", "Team 1", "James" ], [ "2.50", "Ad-hoc queries or calls", "Team 1", "James" ], [ "1.00", "Advice", "Team 2", "James" ], [ "3.50", "Meeting (External 3rd Party)", "Team 1", "James" ], [ "1.20", "Administration", "Team 2", "James" ], [ "5.50", "Advice", "Team 1", "John" ] ]; const columnIndexByName = { TASK_DURATION: 0, TASK_NAME: 1, FOR_WHICH_TEAM: 2, PERSON_DOING_TASK: 3 }; const sum = (acc, next) => acc + next; const uniqueNames = [...new Set(testData.map(row => row[columnIndexByName.PERSON_DOING_TASK])) ]; const uniqueTaskNames = [...new Set(testData.map(row => row[columnIndexByName.TASK_NAME])) ]; let result = {}; uniqueNames.forEach(personName => { const personDataRows = testData.filter(row => row[columnIndexByName.PERSON_DOING_TASK] === personName); let taskDurationsByTaskName = {}; uniqueTaskNames.forEach(taskName => { const taskRows = personDataRows.filter(row => row[columnIndexByName.TASK_NAME] === taskName); const taskDurations = taskRows.map(row => Number.parseFloat( row[columnIndexByName.TASK_DURATION] )); const taskTotalDuration = taskDurations.reduce(sum, 0); taskDurationsByTaskName[taskName] = taskTotalDuration; }) result[personName] = taskDurationsByTaskName; }) const renderData = data => document.querySelector("#output").innerHTML = JSON.stringify(data, null, 2); renderData(result);
<pre id="output"></pre>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.