如何使用javascript在具有不同键值对的JSON数组上循环，以根据html中的条件显示特定值

假设我的JSON数组如下所示：

[{
    "type": "Sweatshirt",
    "brand": "H&M",
    "Color": "Yellow",
    "Neck": "Turtle neck",
    "Arm": "Full Arm"
  },
  {
    "type": "Sweatshirt",
    "brand": "PUMA",
    "Color": "Black",
    "Neck": "Round neck",
    "Arm": "Full Arm"
  },
  {
    "type": "Dresses",
    "Length": "knee length",
    "Occasion": "Party",
    "Neck": "Halter neck"
  },
  {
    "type": "Dresses",
    "Length": "Floor length",
    "Occasion": "Casual",
    "Neck": "Boat neck"
  }
]

---

如何在数组上循环并检查

类型是dress还是SweatShirt，并在HTML
div
中显示相应的值？下面是一个示例，它将向您展示如何循环并将值分配给HTML元素

此示例仅用于演示


array=[{“类型”：“运动衫”，“品牌”：“H&M”，“颜色”：“黄色”，“颈部”：“龟颈”，“手臂”：“全臂”}，{“类型”：“运动衫”，“品牌”：“彪马”，“颜色”：“黑色”，“颈部”：“圆领”，“手臂”：“全臂”}，{“类型”：“连衣裙”，“长度”：“膝盖长度”，“场合”：“派对”，“颈部”：“吊带颈”}，{“类型”：“连衣裙”，“长度”：“地板长度”、“场合”：“休闲”、“颈部”：“船颈”}]
disp=document.getElementById（“disp”）
array.forEach（o=>{
如果（o.type==“运动衫”）{
类型=document.createElement（“li”）
品牌=document.createElement（“li”）
type.textContent=o.type
brand.textContent=o.brand
disp.appendChild（类型）
附件儿童（品牌）
}})
这能回答你的问题吗？@Bucket我想显示基于html输入div的值，因为我是一个新手，我不知道该怎么做嘿，谢谢你的帮助，但为什么不打印运动衫，H&Mhey非常感谢你的建议，我对此有点想法：）