首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在js对象上迭代以在不同的div标记中按对象分组设置它们时遇到问题

在js对象上迭代以在不同的div标记中按对象分组设置它们时遇到问题
EN

Stack Overflow用户
提问于 2019-04-23 08:26:51
回答 1查看 45关注 0票数 0

尝试创建一个从API获取信息的网站,但是我并不真正理解如何做到这一点,因为我需要将所有的结果组合起来,而我创建的API几乎从来没有用相同数量的对象给出响应。所以问题是,考虑到我使用了vue.js和axios,有什么方法可以遍历json对象来显示单独的每个对象吗?我设法做到了,当有一个指定的数量,但我想使它的动态,所以我不硬编码到变量,我需要设置的响应的哪一部分,每个变量。

这是JSON的结构

代码语言:javascript
复制
[
    {
        "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,但是当我从其中提取越来越多的数据时,会产生一个混乱的结果。我无法访问我所拥有的代码,因为我删除了错误的代码,保存了文档并中断了工作。所以我不能再用它了。

但为了澄清,这就是我想要提取的:对于每一个我需要引理的狐猴,所有意义上的meaningText。范式的内部范式和所有的变化

EN

回答 1

Stack Overflow用户

发布于 2019-04-23 08:34:35

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55807103

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档