javascript - 如何获取特定值以从嵌套对象创建数组

标签 javascript

我有下面的对象结构,现在有 3 条记录作为示例。但是我们会有超过 20 条记录。

{
    "data": [{
            "datatype": "AccessoryProduct",
            "values": {
                "identifier": "access8770009prd",
                "shortdescription": "<p>Hybrid Dual Injection Cover and a Tempered Glass.<\/p>",
                "displayname": "Protection Essentials Bundle - Samsung Galaxy S9 (Clear) 822445132623"
            }
        },
        {
            "datatype": "AccessoryProduct",
            "values": {
                "identifier": "access8530068prd",
                "shortdescription": "String.class",
                "displayname": "JBL UA Flex Headphones (Gray) - 050036342735"
            }
        }, {
            "datatype": "AccessoryProduct",
            "values": {
                "identifier": "access8630012prd",
                "shortdescription": "<p>This slim case has everything you want - style and protection.<\/p>",
                "displayname": "Otterbox Symmetry Series Case - Samsung Galaxy S9 (Clear) - 660543444121"
            }
        }
    ]
}

从上面的对象中,我需要得到下面的数组。

identifierList = [ 'access8770009prd', 'access8530068prd', 'access8630012prd' ]

作为一维数组。谁能提供一种有效的方法。

最佳答案

如果 a 是您拥有的 json,您可以执行以下操作

identifierList = a.data.map(x => x.values.identifier)

关于javascript - 如何获取特定值以从嵌套对象创建数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52256681/

相关文章:

javascript - 如何使用 Javascript 计算在 1 个 session 中访问的总页数

javascript - 从 div 内的 p 标签中选择一个值

javascript - 创建新列表项时不会触发列表项点击

javascript - Angularjs + Kineticjs 鼠标事件

javascript - jQuery 中的宽度切换动画在 FireFox 中不起作用?

javascript - jquery如何处理分层SVG对象中的mouseover或mouseenter事件?

javascript - 限制 HTML 5 中的日期范围

javascript - `import * as Thing from ' .. .'` 是什么类型?

javascript - 类型未定义。哪个更快更好?

javascript - 想要获取数组中重复值的计数