javascript - 从 JSON 字符串中删除重复的日期值

标签 javascript jquery arrays json morris.js

我正在研究莫里斯折线图。我从服务获取的 json 字符串是:

{"SDate": "2017-01-21", "A": 0, "B": 0, "C": 23},
{"SDate": "2017-01-21", "A": 10, "B": 0, "C": 0},
{"SDate": "2017-01-22", "A": 20, "B": 0, "C": 0},
{"SDate": "2017-01-23", "A": 30, "B": 0, "C": 67},
{"SDate": "2017-01-24", "A": 0, "B": 13, "C": 0},
{"SDate": "2017-01-25", "A": 70, "B": 0, "C": 0},
{"SDate": "2017-01-25", "A": 3, "B": 45, "C": 0},
{"SDate": "2017-01-26", "A": 50, "B": 0, "C": 0},
{"SDate": "2017-01-27", "A": 20, "B": 0, "C": 0},
{"SDate": "2017-01-28", "A": 80, "B": 0, "C": 0}

如您所见,前 2 行具有相同的日期,但值不同。 我想将两行合并为一行

{"SDate": "2017-01-21", "A": 10, "B": 0, "C": 23},

同样,2017-01-25 有 2 行,

{"SDate": "2017-01-25", "A": 70, "B": 0, "C": 0},
{"SDate": "2017-01-25", "A": 3, "B": 45, "C": 0},

我想合并为

{"SDate": "2017-01-25", "A": 73, "B": 45, "C": 0},

所以最终的 JSON 字符串将是这样的

    {"SDate": "2017-01-21", "A": 10, "B": 0, "C": 23},
    {"SDate": "2017-01-22", "A": 20, "B": 0, "C": 0},
    {"SDate": "2017-01-23", "A": 30, "B": 0, "C": 67},
    {"SDate": "2017-01-24", "A": 0, "B": 13, "C": 0},
    {"SDate": "2017-01-25", "A": 73, "B": 45, "C": 0},
    {"SDate": "2017-01-26", "A": 50, "B": 0, "C": 0},
    {"SDate": "2017-01-27", "A": 20, "B": 0, "C": 0},
    {"SDate": "2017-01-28", "A": 80, "B": 0, "C": 0}

我知道理想情况下它应该在后端处理,但我对此没有任何控制权,这需要使用 javascript 来修复。 现在我正在尝试 Sort and merge JSON keys with matching values 的解决方案,但没有得到想要的结果。 请帮忙

编辑 1: 这里A、B、C不是固定的。 这可以是不同的集合。 比如 X、Y 或 W 或其他任何东西。 例如

{"SDate": "2017-01-21", "X": 0, "Y": 0, "Z": 23},....,{"SDate": "2017-01-28", "X": 0, "Y": 0, "Z": 23}

或者

{"SDate": "2017-01-21", "W": 0, "B": 0, "V": 23},......,{"SDate": "2017-01-28", "W": 0, "B": 0, "V": 23},

还有.... *对于特定字符串,集合将相同,但不一定 A、B 和 C 始终

最佳答案

您可以通过将回调函数传递给数组中的每个项目来使用forEach方法。

解决方案是使用哈希结构,以便仅保留唯一值并找出重复行的总和。

let array=[{"SDate": "2017-01-21", "A": 0, "B": 0, "C": 23}, {"SDate": "2017-01-21", "A": 10, "B": 0, "C": 0}, {"SDate": "2017-01-22", "A": 20, "B": 0, "C": 0}, {"SDate": "2017-01-23", "A": 30, "B": 0, "C": 67}, {"SDate": "2017-01-24", "A": 0, "B": 13, "C": 0}, {"SDate": "2017-01-25", "A": 70, "B": 0, "C": 0}, {"SDate": "2017-01-25", "A": 3, "B": 45, "C": 0}, {"SDate": "2017-01-26", "A": 50, "B": 0, "C": 0}, {"SDate": "2017-01-27", "A": 20, "B": 0, "C": 0}, {"SDate": "2017-01-28", "A": 80, "B": 0, "C": 0}]
let result=[];
array.forEach(function (item) {
    if (!this[item.SDate]) {
        this[item.SDate] = { SDate: item.SDate };
        Object.keys(item).slice(1).forEach(function(key){
          this[item.SDate][key]=0;
        });
        result.push(this[item.SDate]);
    }
    Object.keys(item).slice(1).forEach(function(key){
          this[item.SDate][key]+=item[key];
    });
});
console.log(result);

关于javascript - 从 JSON 字符串中删除重复的日期值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46483690/

相关文章:

php - Stripe.js/stripe.php - 所有卡错误都有效(过期、cvc、不正确的#),卡被拒绝除外

javascript - 在javascript中大写名称

javascript - 动态生成的 html/ionic 复选框内的 ng-change 未绑定(bind)

javascript - 我如何更改此 JavaScript?

javascript - 在此应用程序上运行 SortSite 时,此 IMG 链接到的文件的图像 MIME 类型错误?

php - 使用 array_map() 访问一级键而不调用 `array_keys()`

javascript - 单击提交按钮两次以发布表单

javascript - 如何使用php中的while循环和javascript来显示从数据库获取的多个图像中的特定点击图像?

javascript - 使用 ember.js 添加和删除记录

c++ - 能够访问索引大于数组长度的元素