首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >用Javascript扁平父级JSON数组

用Javascript扁平父级JSON数组
EN

Stack Overflow用户
提问于 2019-09-09 00:47:57
回答 2查看 1.1K关注 0票数 4

我有一个如下所示的数组。

代码语言:javascript
运行
复制
const arr = [{
  name: 'x',
  type: 'type1',
  parent: [{
    name: "a",
    type: 'type1'
  }]
}, {
  name: 'y',
  type: 'type1',
  parent: [{
    name: "b",
    type: 'type1'
  }]
}];

我想把它压平,最后得到如下结果:

代码语言:javascript
运行
复制
const arr = [{
  name: 'x',
  type: 'type1',
  parent-name:'a',
  parent-type: 'type1'
  },
  {
  name: 'y',
  type: 'type1',
  parent-name: 'b',
  parent-type: 'type1'
}];

我使用map和array.prototype.flat()尝试过各种不同的解决方案,但无法安静地让它工作。我将永远不会有超过一个孩子,如果有第二个孩子,那么我很好,它创建了2行由此。

谢谢迈克尔

EN

Stack Overflow用户

回答已采纳

发布于 2019-09-09 01:40:23

一种方法是使用地图()

代码语言:javascript
运行
复制
result = arr.map(obj => {
  obj.parent.forEach(item => {
    Object.keys(item).forEach(value => {
     obj["parent-" + value] = item[value];
    });
  });

  delete obj.parent;

  return obj;
});

实况示例:

代码语言:javascript
运行
复制
const arr = [{
  name: 'x',
  type: 'type1',
  parent: [{
    name: "a",
    type: 'type1'
  }]
}, {
  name: 'y',
  type: 'type1',
  parent: [{
    name: "b",
    type: 'type1'
  }]
}]

result = arr.map(obj => {
  obj.parent.forEach(item => {
    Object.keys(item).forEach(value => {
     obj["parent-" + value] = item[value];
    });
  });
  
  delete obj.parent;
  
  return obj;
});

console.log(result);

票数 0
EN
查看全部 2 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/57846754

复制
相关文章

相似问题

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