显示JSON中的多个值

编程问答 2022-06-06

问题描述

所以我正在使用Formio构建一些内容，并且它能够为下拉选项添加自定义JSON内容。

这是我的JSON：

[
 {
"MBB": [
  {
    "Name": "BYO Sim"
  },{
    "Name": "Device Sim"
  },{
    "Name": "Apple Watch"
  },{
    "Name": "Samsung Watch"
  }
],"WB": [
  {
    "Name": "4G with Device"
  },{
    "Name": "4G without Device"
  },{
    "Name": "5G"
  }
]
}
]

我想做的是显示MBB：Name

下的所有值

我发现当我输入以下内容时，我得到了返回的“ Device Sim”值，但是我想返回MBB和Name下的所有值，因为我很快将添加更多选项，而不仅仅是Name。

item.MBB[1].Name

如果我愿意：

 item.MBB.Name

我只是得到不确定的结果，所以我有点迷茫。

任何帮助将不胜感激！

解决方法

您需要一个函数从对象数组中提取一个Name数组，每个对象都包含自己的Name。

item.MBB.map(obj => obj.Name)

,

您可以删除第一个数组：

 {
"MBB": [
  {
    "Name": "BYO Sim"
  },{
    "Name": "Device Sim"
  },{
    "Name": "Apple Watch"
  },{
    "Name": "Samsung Watch"
  }
],"WB": [
  {
    "Name": "4G with Device"
  },{
    "Name": "4G without Device"
  },{
    "Name": "5G"
  }
]
}
,

使用map的{​​{1}}方法进行迭代。

array

formiohtmljavascriptjson