如何用结果数据对象分类JSON数据

Question

我正在使用tags分别对JSON对象进行分类。我想显示生成的JSON对象，如下所示

  

预期输出

无玷：

首次登录

宝

宝

我能够获取html视图中所有数据的列表，但无法使用tags

对JSON数据进行分类

这是我的代码

var data = {
        "active_lists": 
        [{
          "id": "58b80424037940e95e7b23c6",
          "name": "First Login",
          "tags": {
              "0": "FAQ",
              "1": "immaculate"
            },
          "imageName": "https://s3.amazonaws.com/amway-bk/58b38f56037940082024af74/media/images/58a6e5c22b87b917951.png",
        },
        {
          "id": "58b402b0037940377f24af75",
          "name": "Guru",
          "tags": {
              "0": "FAQ",
              "1": "treasure"
            },
          "imageName": "https://s3.amazonaws.com/amway-bk/58b38f56037940082024af74/media/images/586b2bd2bab27924594.png",
        },
        {
          "id": "58b402b007854377f24af75",
          "name": "Guru2",
          "tags": {
              "0": "FAQ",
        	  "1": "immaculate"
            },
        	"imageName": "https://s3.amazonaws.com/amway-bk/58b38f56037940082024af74/media/images/586b270d5cf9d689829.png",
        }]
};
    console.log(data);
    data.active_lists.forEach( function(obj) {
    var img = new Image();
    img.src = obj.imageName;
    img.setAttribute("class", "banner-img");
    document.getElementById("img-container").appendChild(img);
    });

<div class="row">
      <h3 class="titletag">Earned Badges</h3>
      <div class="imagetop" id="img-container">
      <p id="badgetitle"></p>
      </div>
</div>

请帮我解释如何达到预期的输出效果。!!

谢谢。

Answer 1

您的标记的JSON对象不正确。最后一个标签（“宝藏”）后面不应该有逗号。 它应该是这样的。

"tags": {
        "0": "FAQ",
        "1": "treasure"
 }

你用标签分类是什么意思？ 您想循环标记并跳过“常见问题解答”标记并阅读另一个标记吗？

如果是这样，这可能就是你需要做的 -

var badgeTitle;
for(var key in obj.tags) {
    if(obj.tags[key] != "FAQs") {
         badgeTitle = obj.tags[key];
    }
}