有没有办法根据 json 对象中的特定项目查询数据？

Question

我的用户界面看起来应该是这样的上面的图片只是纯 HTML。因此，当我尝试使用 React 创建它时，我无法将电视节目与按频道水平溢出的特定电视频道对齐。我在 React 中得到的图片我正在从具有对象的 json 文件中查询数据，并且电视频道对象看起来像 {        "groupID": 16481,        "hasMediathek": true,        "storeUrlAndroid": null,        "storeUrlApple": null,        "liveWeb": "https://www.zdf.de/live-tv",        "liveApp": null,        "defaultOrder": 1000,        "hdp": false,        "quality": 2,        "name": "ZDFneo HD",        "isEncrypted": false,        "isHD": false,        "dvbTriplet": "dvb://0.0.0",        "id": null,        "major": true      }这通过它的显示连接到groupID节目，如channelID节目对象中所示。下面是显示对象的示例{  "_id": "5b1f5c7da6cdf0cbbdb7e700",  "showID": 892149863,  "channelID": 16481,  "title": "Masters of Sex",  "subtitle": "Auf frischer Tat ertappt (Dirty Jobs)",  "serie": {    "no": "4",    "title": "Auf frischer Tat ertappt",    "seasonno": "2",    "info": "Staffel 2 | Folge 4"  }

Answer 1

正确的解决方案（如评论中所示）是使用 filter() 函数。find() 函数只会返回一个对象或未定义的对象，因此您不能在其上使用 map。

shows.result.filter(show => show['channelID'] === value['groupID']).map(item => ())

这将返回 channelID 等于 groupID 的每个对象，然后您可以将其映射到 ui 元素。

https://www.w3schools.com/jsref/jsref_filter.asp