javascript - 从 json 对象中获取总数

Question

我有学生的json

"students":{
    "ABC":{
        "eng": 25,
        "maths": 50,
        "sci": 25
    },
    "DEF": {
        "eng": 25,
        "maths": 48,
        "sci": 30
    }
}

我想获得每个学生的总分。

这是我遵循的:

var marksCount = [];
$.each(response['students'], function(name, marksVal) {

    $.each(marksVal, function(index, val) {
        if (marksCount[name] == 'undefined') {
            marksCount[name] = 0;
            marksCount[name].push(val);
        }
    });
});

var studName = '', studMarks = 0;
$.each(marksCount, function(i, v)){
    studName = i;
    studMarks += i;
}


student name  total
ABC             100
DEF             103

帮助我卡住了。

Answer 1

您不需要使用 jQuery 来实现这一点。

// a function to sum up an array of numbers
function sumValues(values) {
    return values.reduce(function (sum, value) {
        return sum + value;
    });
}

var students = {
    ABC: {
        eng: 25,
        maths: 50,
        sci: 25
    },
    DEF: {
        eng: 25,
        maths: 48,
        sci: 30
    }
};

// loop through all students in the list
Object.keys(students).forEach(function (studentName) {
    // get student details by name
    var student = students[studentName];

    // get all the grades for the student
    var grades = Object.values(student);

    // sum them up
    var total = sumValues(grades);

    console.log("Total for " + studentName + " is " + total);
});

没有 jQuery 也可以取得很多成就，无论何时使用它，您都应该评估自己是否正确使用了它。仅使用 JavaScript 对值求和非常简单，因此您应该这样做。

看看You Might Not Need jQuery有关如何在不使用 jQuery 的情况下编写所需代码的更多示例。