javascript - 使用 jquery 迭代 JSON

标签 javascript jquery json ajax

我正在开发一个书签项目,现在我正在尝试弄清楚如何处理 JSON。 假设我检索了这种形式的 JSON,其中包含一些用户的 lan 以及有关他们的书签的信息:

{   "lan_id": "888888",
    "bookmarks": [{
            "id": "1",
            "bm_name": "Google News",
            "bm_link": "news.google.com"
        },
        {
            "id": "2",
            "bm_name": "CNBC",
            "bm_link": "cnbc.com"
        },
        {
            "id": "3",
            "bm_name": "MSN",
            "bm_link": "msn.com"
        }
    ]
}

我如何浏览这个结构并提取我需要的信息?现在我只想能够像这样console.log每批链接:

1
Google News
news.google.com

2
CNBC
cnbc.com

...

获取 JSON 后,我尝试使用 jquery 的 $.each 函数来迭代它,但我很困惑。感觉我应该嵌套两个 $.each 函数,但我没有得到正确的输出。

任何帮助或指示将不胜感激!

最佳答案

您需要循环遍历书签中的数组,如下所示:

var obj = {
  "lan_id": "888888",
  "bookmarks": [{
      "id": "1",
      "bm_name": "Google News",
      "bm_link": "news.google.com"
    },
    {
      "id": "2",
      "bm_name": "CNBC",
      "bm_link": "cnbc.com"
    },
    {
      "id": "3",
      "bm_name": "MSN",
      "bm_link": "msn.com"
    }
  ]
};
obj.bookmarks.forEach(function(bmark, index){
   console.log(index+1);
   console.log(bmark.bm_name);
   console.log(bmark.bm_link);
});

关于javascript - 使用 jquery 迭代 JSON,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44836929/

相关文章:

jquery - 不同环境的 jQuery 脚本中的 URL?

javascript - 在带有 JavaScript 的客户端上使用 BSON

javascript - 将 °C 转换为 °F

javascript - 使用 Office JS 遍历 Word 文档

asp.net - 如何跟踪 ScriptService WebService 请求?

jQuery:Div 与 jQuery 互换

C: 如何解析 Json 请求中的值?

javascript - 使用React-Hooks/Axios获取数据并显示在表格中

javascript - Ember 为什么我们必须对某些 Bower 依赖项使用导入

javascript - 搜索过滤器在 setState : React JS 上的 react 表中不起作用