计算json的值，然后在html中显示

Question

我有一个json数组：

[{"value": "1"},{"value": "2"},{"value": "3"},{"value": "4"},{"value": "5"},{"value": "6"}]

我的代码是：

$.ajax({
    url: "120.58.243.11:8080/needCal/myJson.json", 
    dataType: 'json',
    success: function(data) {
        var items = [];
        $.each(data, function(key, value) {
            items.push("<tr>");
            items.push("<td id=''" + key + "''>" + value.value+ < /td>");
            items.push("<td id=''" + key + "''>" + total of values + < /td>"); 
            items.push("</tr>");
        });
    }
});

我想计算值，怎么做？

Answer 1

$.ajax({
    url: "120.58.243.11:8080/needCal/myJson.json", 
    dataType:'json',
    success: function(data){
    var items = [];

    var totalOfValue = 0;
    $.each(data,function(key,value){  
        totalOfValue = totalOfValue + parseInt(value.value);
    });

    $.each(data,function(key,value){  
        items.push("<tr>");
        items.push("<td id='" +key+ "'>" + value.value+</td>");
        items.push("<td id='" +key+ "'>" + totalOfValue +</td>"); 
        items.push("</tr>");
    });
    }
   }
);

Answer 2

一种简单的方法是使用reduce方法：

这样的事情：

var total = arr.reduce(function(t, v) {
    return t += Number(v.value);
}, 0);