Javascript 从对象和数组的嵌套数组中提取特性值

我有以下嵌套的对象数组：

[
    {
        "info": [
            {
                "period": {
                    "start": "2020-01-01",
                    "end": "2020-01-31"
                },
                "info": [
                    {
                        "id": 036,
                        "name": "john",
                    },
                    {
                        "id": 037,
                        "name": "inna",
                    }
                ]
            }
        ]
    },
    {
        "info": [
            {
                "period": {
                    "start": "2020-01-01",
                    "end": "2020-01-31"
                },
                "info": [
                    {
                        "id": 045,
                        "name": "carl",
                    },
                    {
                        "id": 056,
                        "name": "tina",
                    }
                ]
            }
        ]
    }]

我想提取name属性的所有值并将它们放入一个数组中

输出：[约翰、伊娜、卡尔、蒂娜]。

尝试以下代码：

const userNames = [];

data.map(item => {
    return item.info.map(registry => {
        return registry.info.map(user => userNames.push(user.name));
    })
})

---

输出：[john、inna、carl、tina]

您的问题/问题是到底是什么？如何获得输出谢谢您的帮助。即使没有回报，这也起了作用。