Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
2.3k views
in Technique[技术] by (71.8m points)

请问如何将二级嵌套数组合并成一级数组?

editDetails: [{
          causeName: '咳嗽001',
          children: [{
            productId: 7,
            proCode: 'CP_20201012001',
            proName: '产品1',
            proPrice: 10,
            number: 22,
            price: 222
          }, {
            productId: 7,
            proCode: 'CP_20201012001',
            proName: '产品1',
            proPrice: 10,
            number: 22,
            price: 222
          }],
          imageAttachment: '20201028014127383_oxxw29.jpg',
          videoAttachment: '20201028014131101_WeChat_20201027132303.mp4'
        }]
    
    
    如何将这个上面数组合并成下面这样
    
    editDetails: [{
        causeName: '咳嗽001',
        productId: 7,
        proCode: 'CP_20201012001',
        proName: '产品1',
        proPrice: 10,
        number: 22,
        price: 222,
        imageAttachment:'20201028014127383_oxxw29.jpg',
      videoAttachment: '20201028014131101_WeChat_20201027132303.mp4'
      }, {
        causeName: '咳嗽001',
        productId: 7,
        proCode: 'CP_20201012001',
        proName: '产品1',
        proPrice: 10,
        number: 22,
        price: 222,
        imageAttachment: '20201028014127383_oxxw29.jpg',
      videoAttachment: '20201028014131101_WeChat_20201027132303.mp4'
      }]

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)
data.reduce((res, item) => {
    const parent = {...item};
    delete parent.children;
    return res.concat(item.children.map(child => ({...parent, ...child}))
}, []);

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

2.1m questions

2.1m answers

60 comments

57.0k users

...