首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >将复杂对象转换为数组

将复杂对象转换为数组
EN

Stack Overflow用户
提问于 2021-12-18 13:51:49
回答 2查看 60关注 0票数 -2

我正在使用API中的数据创建一个React应用程序。响应数据是一个很长的复杂对象,如下所示:

代码语言:javascript
运行
复制
{
    "Frozen Products": [
        {
            "_id": "6181849285e8d8f86be2d9df",
            "name": "Peas (800g)",
            "category_id": "6181841060c425f76e57b603",
            "slug": "vegetables",
            "quantity": 16,
            "price": {
                "amount": 3.00
            },
            "thumbnail":"URI ...",,
            "images": [
                "URI ...",
            ],
            "synonyms": [
                "Veggies"
            ],
        },

//etc for many key/values inside this object ..
        
}

我需要访问的信息,一定要显示一个类别(在本例中为“冻结产品”)和所有产品的名称和图像。

但是我认为我需要通过loopin的索引(示例数据)来访问每个键/值对,而不是密钥名,因为它们的键是由API动态创建的。那么,我如何将其更改为:

代码语言:javascript
运行
复制
{
   [ "Frozen Products": [
        {
            "_id": "6181849285e8d8f86be2d9df",
            "name": "Peas (800g)",
            "category_id": "6181841060c425f76e57b603",
            "slug": "vegetables",
            "quantity": 16,
            "price": {
                "amount": 3.00
            },
            "thumbnail":"URI ...",,
            "images": [
                "URI ...",
            ],
            "synonyms": [
                "Veggies"
            ],
        },
   ]
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2021-12-18 14:02:29

我想你需要这样的东西:

代码语言:javascript
运行
复制
let data = {
    "Frozen Products": [
        {
            "_id": "6181849285e8d8f86be2d9df",
            ...
        }
    ],
    "Another Category": [...]    
}

let categories = Object.keys(data).map((key) => ({categoryName: key, products: data[key]}));
票数 1
EN

Stack Overflow用户

发布于 2021-12-18 14:00:48

您可以使用for in迭代器循环一个对象。不管关键名字是什么

代码语言:javascript
运行
复制
for(key in object) {
  let value = object[key];
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/70403961

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档