Q&A
ネストされたobjectをflatにしたい
const hoge = [
{name:"1", value:"A",child:[{name:"3", value;"C"}]},
{name:"2", value:"B"}
]
//このような形にしたい
[
{name:"1", value:"A"},
{name:"2", value:"B"},
{name:"3", value;"C"}
]
//flatMapではundefinedにいなってしまう
hoge.flatMap(a => a.child)
[
{name:"1", value:"A"},
{name:"2", value:"B"},
undefined
]
hoge.flat()なども試しましたが、うまくいかずどのような方法があるでしょうか？
childの配列要素内にもまたchildが存在する可能性もありますか？
outputの形はある程度明確になっているので、inputの要件を明確にするといろんなパターンの回答がもらえそうな気がしました。
@meto3ki6789
Questioner
こんな感じでどうでしょうか？flatMapの中が少し汚い気がしますが、愚直にやるならまずはこんなところかなと思います。
一応、sortもつけましたが、不要なら外してもらって大丈夫です。
const targetArr = [
{ name: '1', value: 'A', child: [{ name: '3', value: 'C' }] },
{ name: '2', value: 'B' },
];
const result = targetArr
.flatMap((obj) => {
if (!('child' in obj)) {
return obj;
}
return [{ name: obj.name, value: obj.value }, ...obj.child];
})
.sort((a, b) => a.name - b.name);
console.log(result);
@meto3ki6789
Questioner
hoge.reduce((memo, record) => {
const {child: children, ...parent} = record
memo.push(parent)
if(children){
children.forEach((child) => {
memo.push(child)
})
}
return memo
}, [])