代码之家 › 专栏 › 技术社区 › developer

使用javascript展开嵌套json数组

ecmascript-6 multidimensional-array arrays javascript

-2

developer · 技术社区 · 6 年前

我有以下json数组:

[  
    { id: 1, name: "P1", groups: [ { id: 1.1, name: "G1.1" }, { id: 1.2, name:"G1.2" }]}, 
    { id: 2, name: "P2",  groups: [ { id: 2.1, name: "G2.1" }, { id: 2.2, name:"G2.2" }]} 
];

使用javascript es6将其转换为以下结构的最有效方法是什么?

[ 
    { id: 1, name: "P1", group_id: 1.1, group_name: "G1.1"},
    { id: 1, name: "P1", group_id: 1.2, group_name: "G1.2"},
    { id: 2, name: "P2", group_id: 1.1, group_name: "G2.1"},
    { id: 2, name: "P2", group_id: 1.1, group_name: "G2.2"},
]

2 回复 | 直到 6 年前

amrender singh 6 年前

你可以通过使用 forEach 。请尝试以下操作:

var arr=[  
    { id: 1, name: "P1", groups: [ { id: 1.1, name: "G1.1" }, { id: 1.2, name:"G1.2" }]}, 
    { id: 2, name: "P2",  groups: [ { id: 2.1, name: "G2.1" }, { id: 2.2, name:"G2.2" }]}
];


result = [];

arr.forEach((o)=>{
  o.groups.forEach((group)=>{
    result.push({
      "id" : o.id,
      "name" : o.name,
      "group_id" : group.id,
      "group_name" : group.name
    });
  });
});

console.log(result);

Darshana Pathum 6 年前

有一些问题。

如果是json数组,应该是这样的。

var obj = [{
    "id": 1,
    "name": "P1",
    "groups": [{
        "id": 1.1,
        "name": "G1.1"
    }, {
        "id": 1.2,
        "name": "G1.2"
    }]
},
{
    "id": 2,
    "name": "P2",
    "groups": [{
        "id": 2.1,
        "name": "G2.1"
    }, {
        "id": 2.2,
        "name": "G2.2"
    }]
}
];

you can validate json arrays using this link

你的出局有点混乱,所以才投了反对票。

设置数组后,可以使用 ForEach 为此。

var obj = [{
    "id": 1,
    "name": "P1",
    "groups": [{
        "id": 1.1,
        "name": "G1.1"
    }, {
        "id": 1.2,
        "name": "G1.2"
    }]
},
{
    "id": 2,
    "name": "P2",
    "groups": [{
        "id": 2.1,
        "name": "G2.1"
    }, {
        "id": 2.2,
        "name": "G2.2"
    }]
}
];

res = [];

obj.forEach((e)=>{
  e.groups.forEach((group)=>{
    res.push({
      "id" : e.id,
      "name" : e.name,
      "group_id" : group.id,
      "group_name" : group.name
    });
  });
});

console.log(res);

推荐文章

Toniq · javascript为php保存多维数组

1 年前

Jannis · Java中数组的怪异行为

1 年前

callum · 如何识别数组中与给定序列不匹配的元素?

1 年前

Gamerboi677 _YT · 如果玩家触摸了某个部分,如何将玩家名称添加到数组中。-Roblox-Lua编码

1 年前

at. · 在一行中创建任意大小的JavaScript/TypeScript 2d数组

1 年前

Rakis Friski · Javascript Spread运算符混淆行为

1 年前

tenfour · 如何使用数组元素的索引初始化数组元素

2 年前

Guillaume · 使用操作从Python列表创建numpy数组

2 年前

maxMas · Swift 5:为什么会出现索引超出范围错误?

2 年前

Sarah Workman · 尝试比较用javascript编程添加的字符串的值

2 年前