使用嵌套字段在Json对象上迭代

Question

我在遍历json对象时遇到了一些困难。有一些嵌套的字段，这让我困惑.

这是我的JSON数据

{
"_embedded": {
    "request_fields": [{
        "reference": null,
        "name": "Qual será o serviço?",
        "label": "Qual será o serviço?",
        "placeholder": "Qual será o serviço?",
        "values": {
            "Coloração": "Coloração",
            "Corte": "Corte",
            "Escova ": "Escova ",
            "Escova progressiva/definitiva": "Escova progressiva/definitiva",
            "Luzes": "Luzes"
        }
    }, {
        "reference": null,
        "name": "Para quem será o serviço?",
        "label": "Para quem será o serviço?",
        "placeholder": "Para quem será o serviço?",
        "values": {
            "Criança": "Criança",
            "Homem": "Homem",
            "Mulher": "Mulher"
        }
    }]
}
}

到目前为止，这就是我尝试过的-- 更新

  for (key in response) {
                    for (i in response[key].request_fields) {
                        // console.log(response[key].request_fields[i].values);
                        document.getElementById("form").innerHTML +=    "<div class='section'>" + 
                                                                            "<label>" + response[key].request_fields[i].label + "</label>" +
                                                                            "<label>" for (e in response[key].request_fields[i].values) { response[key].request_fields[i].values[e] } "</label>" +
                                                                            "<label>" + response[key].request_fields[i].values{0} + "</label>" +
                                                                        "</div>" ;
                    }
                }  

现在我得到了

未登录的SyntaxError:意外的令牌

在我的第三个“打印”值中

Answer 1

这是因为索引i没有值，您需要另一个迭代器，或者一个特定的值，或者只是json，或者将它加入到一个字符串中。

for (key in response) {
    for (i in response[key].request_fields) {
        console.log(response[key].request_fields[i].values);
        var values=(()=>{
            var out="";
            for(var ii in response[key].request_fields[i].values){
                out+=ii+": "+response[key].request_fields[i].values[ii]+"\n";
            }
            return out;
        })();
        document.getElementById("form").innerHTML += "<div class='section'>" + "<label>" + response[key].request_fields[i].label + "</label>" + "<label>" + 
        values + "</label>" + "</div>";
    }
}