如何在javascript中使用map使用复杂的json数据

这里我有以下json数据：

{
    "data": [
        {
            "info": 21,
            "datatype": "string",
            "uid": "00:00:00:02",
            "mainData": {
                "person": "admin",
                "values": [
                    "192.168.0.5",
                    "192.168.0.6"
                ],
                "variable": "maximum",
                "device": "samsung_device"
            },
            "operator": "admin"
        },
        {
            "info": 2,
            "datatype": "string",
            "uid": "00:00:00:05",
            "mainData": {
                "person": "admin",
                "values": [
                    "192.168.0.5",
                    "192.168.0.6"
                ],
                "variable": "maximum",
                "device": ""
            },
            "operator": "admin"
        },   {
            "info": 2,
            "datatype": "string",
            "uid": "00:00:00:05",
            "mainData": {
                "person": "admin",
                "values": [
                    "192.168.0.5",
                    "192.168.0.6"
                ],
                "variable": "maximum",
                "device": ""
            },
            "operator": "admin"
        },
    ]
}

我想要达到的是
1.仅首先我想检索第一个索引uid值，并想在按钮中显示值，单击第一个索引的uid后，必须显示mainData属性和值

mainData": {
                    "person": "admin",
                    "values": [
                        "192.168.0.5",
                        "192.168.0.6"
                    ]

在这里，我尝试了

数据。['uid'].[maindata].[values]

，但不是马上

---

，

要理解你在找什么有点难。也许你可以编辑这个问题并澄清你最终想要的结果是什么。但有一点很清楚：

data

是一个数组，因此需要使用索引来获取第一个值：

data[0]。mainData.values

将是第一个对象的值。@MarkMeyer已编辑