- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
假设我在 Javascript 中有以下数据结构:
const data = [
{year: 2017, kind: "mammal", animal: "dog", total: 5},
{year: 2017, kind: "mammal", animal: "dog", total: 3},
{year: 2016, kind: "mammal", animal: "dog", total: 5},
{year: 2016, kind: "bird", animal: "chicken", total: 5},
{year: 2016, kind: "bird", animal: "chicken", total: 90}
];
我希望能够指定一个或多个键(例如year
)来对数据进行分组。因此,如果我只是将 year
指定为分组依据,我希望计算总数如下:
[{year: 2017, kind: "mammal", animal: "dog", count: 8, pct: 1},
{year: 2016, kind: "mammal", animal: "dog", count: 5, pct: 0.05},
{year: 2016, kind: "bird", animal: "chicken", count: 95, pct: 0.95}]
或者,如果我按年份
和种类
指定组总数,我需要以下内容:
[{year: 2017, kind: "mammal", animal: "dog", count: 8, pct: 1},
{year: 2016, kind: "mammal", animal: "dog", count: 5, pct: 1},
{year: 2016, kind: "bird", animal: "chicken", count: 95, pct: 1}]
我如何在 Javascript 中实现这个?我已经考虑过使用 d3 的嵌套函数,但到目前为止还没有成功地理解实现。
最佳答案
我认为在尝试实现它之前,你需要清楚地弄清楚你的需求。根据您的描述,我的理解是,对于结果,年份+种类+动物是结果项的关键。并且您指定的组仅用于计算百分比。
首先根据年份+种类+动物对项目进行分组
function groupItems(data){
var resultMap = {};
for(var index in data){
var item = data[index];
var key = item['year']+'###'+item['kind']+'###'+item['animal'];
if(!resultMap[key]){
//copy the item to a new object to make sure it does not update the origin data
resultMap[key] = Object.assign({}, item);
}else{
// sum them up
resultMap[key]['total'] = resultMap[key]['total'] +item['total'];
}
}
return Object.values(resultMap);
}
现在我们有了项目,您需要的是根据指定的组计算百分比。
function computePercentage(groupedItems, withGroups){
//compute the total items per specified group
var totalItemsPerGroup = {};
for(var index in groupedItems){
var item = groupedItems[index];
var keyValues = getValuesFromObjectWithKeys(item, withGroups);
var strKey = keyValues.join('###');
if(totalItemsPerGroup[strKey] != undefined){
totalItemsPerGroup[strKey] += item['total'];
}else{
totalItemsPerGroup[strKey] = item['total'];
}
}
// compute percentage based on the total items per specified group calculated
var result = [];
for(var index in groupedItems){
var item = groupedItems[index];
var keyValues = getValuesFromObjectWithKeys(item, withGroups);
var strKey = keyValues.join('###');
var totalCount = totalItemsPerGroup[strKey];
var percentage = totalCount == 0 ? 0 : item['total'] / totalCount;
var resultItem = {};
resultItem['year'] = item['year'];
resultItem['kind'] = item['kind'];
resultItem['animal'] = item['animal'];
resultItem['count'] = item['total'];
resultItem['pct'] = percentage;
result.push(resultItem);
}
return result;
}
// a helper function to get values based on specified keys
function getValuesFromObjectWithKeys(obj, keys){
var result = [];
for(var i in keys){
if(obj[keys[i]]){
result.push(obj[keys[i]]);
}
}
return result;
}
因此要使用这些功能:
var grouppedItems = groupItems(data);
var yearPercentage = computePercentage(grouppedItems , ['year']);
console.log(JSON.stringify(yearPercentage));
var yearKindPercentage = computePercentage(grouppedItems , ['year', 'kind']);
console.log(JSON.stringify(yearKindPercentage ));
var kindAnimalPercentage = computePercentage(grouppedItems , ['kind', 'animal']);
console.log(JSON.stringify(kindAnimalPercentage ));
关于Javascript 按键计算对象数组的百分比总计,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44706451/
我需要一些帮助。 我希望“总计”由“数量*价格=总计”计算(到目前为止没问题)。问题是我还需要通过“总/价格=数量”来计算“数量”,即如果一个字段发生更改,另一个字段也会自动更改。 我做了一个非常简单
我的项目即将结束,但在解决它时遇到了一些问题。我是一名厨师,想要自己的应用程序与他自己的业务相关 我的表单称为“菜谱”,并包含数量、单价、使用百分比。 假设您有 1 公斤苹果,价格为 5 欧元。清洁结
我的数据库表是: 产品展示 - ID - 名称 ... 订单 - ID - 状态 ... OrderItems - ID -order_id -product_id -数量 -line_total 我
我的项目即将结束,但在解决它时遇到了一些问题。我是一名厨师,想要自己的应用程序与他自己的业务相关 我的表单称为“菜谱”,并包含数量、单价、使用百分比。 假设您有 1 公斤苹果,价格为 5 欧元。清洁结
exchanges表结构: id exchange created_at updated_at deleted_at start_time
我正在开发 Telerik RadGrid,网格内有多个 radtextbox,如 A、B、C 和 D。我使用带有正则表达式验证的 radtextbox 来验证带有数字的 A、B 和 C 文本框。然而
我有一个非常简单的$lookup聚合查询,如下所示: {'$lookup': {'from': 'edge', 'localField': 'gid', 'foreignField': 't
我正在尝试做一些与我之前问过的问题非常相似的事情,但我似乎无法让它正常工作。这是我之前的问题:How to get totals per day 表格如下: Table N
[更新] 谢谢大家,最终代码: var EUR_share_cost = 0; var USD_share_cost = 0; var GBP_shar
由于某种原因,下面的这部分代码没有将每个数组项添加到一起。我单步执行调试器,正在创建并递增数组项,但 total += ScoreArray[i]; 似乎没有将已输入的数字相加。相反,我只是将第一个输
我在这里有点迷路了。我有一个 for 循环,它增加一个值,如下所示: int nu01 = 10000; int level = 0; int increase = 35000; for (int i
请引用之前的问题:Sum total for column in jQuery 我使用了 Aymen 的解决方案,但我对其进行了编辑以满足我的需要。它停止工作,我的代码如下所示,在 jsfiddle
Date Flight ID Member ID Seat Type Seat Price 2013-07-28 F71498 M692
我希望程序忽略零总数。我正试图阻止向非参与者提供零总数的汽车奖励。我在 && 运算符后面添加了 >= 表达式。这对于击杀数和净值来说正确吗? $fetch_nor_killers = mysq
我有下表: CREATE TABLE zoom (`id` int, `fb_id` int, `date` datetime); INSERT INTO zoom (`id`, `f
我想知道是否有一种方法可以将已计算的派生列的总和添加到新列中。 Employee_KT_State --------------------------------------------------
在 SQL 中,我想获得来自每个用户的网站点击率的百分比。为此,我需要获取 site hits 列的总和,但我的查询在另一列上使用了 GROUP By。 除了 GROUP BY 中的每个 user_i
我有以下查询: SELECT SUM(case when s1 = 'fel' then 1 else 0 end) as s1_count, SUM(case when s2 = '
我已经使用 HTML 创建了一个表格。该表由一个标题和许多称为 Family 的行组成。每个家庭行可以有许多行代表家庭的各个成员(请参见下面的代码)。 Family N
如何使用 javascript 给出 float 总计。请 friend 们帮助我。 function addNumbers() {
我是一名优秀的程序员,十分优秀!