麻烦地遍历js对象,以将它们按组分配给不同div标签中的每个对象

时间:2019-04-23 08:26:52

标签: javascript json vuejs2 axios

试图创建一个从API接收信息的网站,但是我并没有真正理解该如何将所有结果归为一类,而我创建的API几乎从未给出相同的响应数量的对象。所以问题是,看到我使用vue.js和axios,有没有办法循环遍历json对象以单独显示每个对象?当有指定的数量时,我设法做到这一点,但是我想使其动态化,因此我不必将响应的哪一部分硬编码到变量中,我需要将其设置为每个变量。

这是JSON的结构

[
    {
        "JTranslate": {
            "translationId": "dictionary.bokmaal",
            "lemmata": [
                {
                    "lemma": "båt",
                    "meanings": [
                        {
                            "meaning": "(liten) farkost",
                            "meaningText": "(liten) farkost"
                        },
                        {
                            "meaning": "fartøy, skip",
                            "meaningText": "fartøy, skip"
                        },
                        {
                            "meaning": "noe som ligner på en båt (1,2)",
                            "meaningText": "noe som ligner på en båt (1,2)"
                        }
                    ],
                    "paradigms": {
                        "paradigm": "subst mask appell"
                    },
                    "inflections": {
                        "inflection": "ent ub",
                        "inflectionForms": [
                            "båten",
                            "båter",
                            "båt",
                            "båtene"
                        ]
                    }
                }
            ]
        }
    },
    {
        "JTranslate": {
            "translationId": "dictionary.nynorsk",
            "lemmata": [
                {
                    "lemma": "båt",
                    "meanings": [
                        {
                            "meaning": "(liten) farkost til å ro el. til å drive fram med segl el. motor",
                            "meaningText": "(liten) farkost til å ro el. til å drive fram med segl el. motor"
                        },
                        {
                            "meaning": "farty, skip",
                            "meaningText": "farty, skip"
                        },
                        {
                            "meaning": "noko som i forma minner om ein båt",
                            "meaningText": "noko som i forma minner om ein båt (1)"
                        }
                    ],
                    "paradigms": {
                        "paradigm": "subst mask appell"
                    },
                    "inflections": {
                        "inflection": "eint ub",
                        "inflectionForms": [
                            "båt",
                            "båten",
                            "båtar",
                            "båtane"
                        ]
                    }
                }
            ]
        }
    },
    {
        "JTranslate": {
            "translationId": "dictionary.bokmaalTilNynorsk",
            "lemmata": [
                {
                    "lemma": "båt",
                    "meanings": [
                        {
                            "meaning": "(liten) farkost",
                            "meaningText": "(liten) farkost"
                        },
                        {
                            "meaning": "fartøy, skip",
                            "meaningText": "fartøy, skip"
                        },
                        {
                            "meaning": "noe som ligner på en båt (1,2)",
                            "meaningText": "noe som ligner på en båt (1,2)"
                        }
                    ],
                    "paradigms": {
                        "paradigm": "subst mask appell"
                    },
                    "inflections": {
                        "inflection": "ent ub",
                        "inflectionForms": [
                            "båten",
                            "båter",
                            "båt",
                            "båtene"
                        ]
                    }
                }
            ]
        }
    },
    {
        "JTranslate": {
            "translationId": "dictionary.nynorskSynonym",
            "lemmata": [
                {
                    "lemma": "båt",
                    "meanings": [
                        {
                            "meaning": "(liten) farkost til å ro el. til å drive fram med segl el. motor",
                            "meaningText": "(liten) farkost til å ro el. til å drive fram med segl el. motor"
                        },
                        {
                            "meaning": "farty, skip",
                            "meaningText": "farty, skip"
                        },
                        {
                            "meaning": "noko som i forma minner om ein båt",
                            "meaningText": "noko som i forma minner om ein båt (1)"
                        }
                    ],
                    "paradigms": {
                        "paradigm": "subst mask appell"
                    },
                    "inflections": {
                        "inflection": "eint ub",
                        "inflectionForms": [
                            "båt",
                            "båten",
                            "båtar",
                            "båtane"
                        ]
                    }
                }
            ]
        }
    }
]

更新:当我说JSON对象时,我实际上还提到了js对象。 json.parse()已在json上使用。

更新2: 这就是我所做的,我基本上将其分为4个对象。每个对象都取决于在网站上所做的选择。 为了显示信息,我基本上只是做了一堆嵌套的v-fors,但是当我从中提取越来越多的数据时,结果却很混乱。删除错误代码,保存文档并暂停工作后,我无法访问我拥有的代码。因此,我无法再访问它。

但是为了澄清,这就是我要提取的内容: 对于每一个引理,我都需要引理,即意义内的所有意义文本。范式内部的范式和所有拐点

1 个答案:

答案 0 :(得分:0)

这取决于您要做什么。通常,只有数组包含“动态”数量的对象-因此,就像普通的JS数组一样,您可以使用简单的forEach。如果要遍历对象,可以简单地将它们视为字典,并尝试获取键和值对。 https://javascript.info/keys-values-entries