通过 JSON 数组进行索引

Question

我正在尝试通过 JavaScript 中的 JSON 列表建立索引，但我在让它工作时遇到了很多麻烦。

我尝试通过每个 JSON 项的值进行索引，但它没有输出我想要的。我想我可以让它工作，但这将是一个额外不必要的循环级别。这是我的 JSON：https://pastebin.com/iYmaA4c5。如果您认为重新格式化 JSON 会更好，那么这也可能会有所帮助。

function output_json(data) {
    var i, j, k;
    for (i=0; i<Object.keys(data).length; i++) {
        group_=Object.values(data)[i];
        for (j=0; j<Object.keys(group_).length; j++) {
            person=Object.values(group_)[j];
            person_id=Object.keys(person)[0];
            console.log(person_id);
            for (k=0; k<Object.keys(person).length; k++) {
                person_info=Object.values(person)[k][0];
                console.log(person_info);
            }
        }
    }
}

我希望它打印出 id，然后是每个 id 的名称、注册 1、注册 2、周和 half_term。目前打印如下：

HA09_000

{name：“Wyatt Feldt”，registration_1：“R”，registration_2：“R”，周：0，half_term：1}

但我希望它为每一个都这样打印：

HA09_000

怀亚特·费尔特

R

R

0

1

这是我想要实现的一些伪代码：

FOR GROUP IN DATA:
    FOR PERSON IN GROUP:
        PRINT(PERSON.ID)
        FOR INFO IN PERSON:
            PRINT(INFO)

谢谢。

编辑：这是我用来检索数据的函数：

$.getJSON("http://localhost:8000/data.json", function(data) {
    output_json(data);
});

Answer 1

使用 for/in 循环遍历对象的属性。

我已将 for/in 循环添加到您的代码中（使用 person_info 对象）并对其进行了测试，它正在打印您想要的内容。 希望这会有所帮助。

function output_json(data) {
    var i, j, k;
    for (i=0; i<Object.keys(data).length; i++) {
        group_=Object.values(data)[i];
        for (j=0; j<Object.keys(group_).length; j++) {
            person=Object.values(group_)[j];
            person_id=Object.keys(person)[0];   
            console.log(person_id);
            for (k=0; k<Object.keys(person).length; k++) {
                person_info=Object.values(person)[k][0];
                //loop through the properties of the person_info object
                //using a for/in loop
                for (var key in person_info) {
                   console.log(person_info[key]); 
                }              
            }
        }
    }
}

Answer 2

两个有用的想法：（1）对象：如果有一天这将是一个真正的系统，并且来自服务的数据代表一群人，那么代码也应该这样说。作为一个例子，我包含了一个简单的Person 对象，它知道如何从平面表示中构建自己，并且知道如何在控制台上呈现自己。 (2) 键序未确定在JS对象中。要从特定排序的键中获取值，必须指定排序。 person print() 方法使用数组来执行此操作。

在此处查看，在数据子集上运行...

$.getJSON("http://localhost:8000/data.json", function(data) {
    print_items(data);
});

class Person {
    constructor(data) {
        this.id = Object.keys(data)[0];
        this.state = data[this.id][0];
    }
    print() {
        console.log(this.id);
        let displayKeys = ['name', 'registration_1', 'registration_2', 'week', 'half_term'];
        displayKeys.forEach(key => console.log(this.state[key]));
    }
    asTableRow() {
        let displayKeys = ['name', 'registration_1', 'registration_2', 'week', 'half_term'];
        let tds = displayKeys.map(key => `<td>${this.state[key]}</td>`);
        return `<tr>${tds}</tr>`;
    }
}

function print_items(data) {
    Object.keys(data).forEach(groupKey => {
        let group = data[groupKey];
        Object.keys(group).forEach(personKey => {
            let person = new Person(group[personKey]);
            person.print();
        });
    });
}

Answer 3

您可以通过查看每个键并仅传递值来清理内部循环。另外我建议将Object.keys(person).length 从你的 for 循环中拉出来，因为它会处理每个循环上的键。如果您将它们放入一个变量并引用它，它会避免重新评估键。

    var groups = Object.keys(testData);
    for(var i = 0; i<groups.length; i++){
        var group = testData[groups[i]];
        for(var j = 0; j<group.length; j++){
            var personEntry = group[j];
            var person_id = Object.keys(personEntry)[0];
            console.log(person_id);
            var personEntries = personEntry[person_id];
            for(var k = 0; k<personEntries.length; k++){
                var personValues = Object.values(personEntries[k]);
                for(var l = 0; l<personValues.length; l++){
                    console.log(personValues[l]);
                }
            }
        }
    }