迭代 js 对象以将它们设置为不同 div 标签中每个对象的组时遇到问题

Question

试图创建一个从 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-for，但当我从中提取越来越多的数据时，给出了一个混乱的结果。我无法访问我拥有的代码，因为我删除了错误的代码，保存了文档并从工作中休息了一下。所以我不能再访问它了。

但只是为了澄清，这就是我试图提取的内容： 对于每个引理，我都需要引理，所有的含义文本在含义中。范式内部范式和所有转折

Answer 1

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