Question

我正在使用ajax请求来获取一些XML数据，然后将这些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)];

但是在那之后它变得非常复杂。

Answer 1

也许这可以在整个过程中为您提供帮助。它可能不完全符合您想要的形式，但是它演示了如何将问题分解为更小的部分。

伪代码：

获取唯一名称。
获取唯一的“任务”名称（因为缺少更好的词）
每个唯一的人的名字：

3.1。获取该人的数据行

3.2 对于所有唯一任务名称中的每个：
1. 找到与任务名称匹配的人员数据行
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>

有没有一种方法可以对JavaScript数组进行重复数据删除并合并数据值？

1 个答案: