![](/img/trans.png)
[英]How to merge Primary object with child objects using and ID reference in Parent to each child
[英]How to push id of parent object to child objects?
我有一個 object 數組,它有一個 object 的內部數組,我想將父 object 的 id 推送給每個子 ZA8CFDE6331BD5B6666
a = [
{id: 'abc', stage: [{name: 'car' , value: '123'},{name: 'bus' , value: '345'},{name: 'truck' , value: '567'}],
{id: 'def', stage: [{name: 'bike' , value: '890'},{name: 'cycle' , value: '123'},{name: 'car' , value: '456'}]}
]
expected output = [
{name: 'car' , value: '123', id: 'abc'},{name: 'bus' , value: '345', 'abc'},{name: 'truck' , value: '567', 'abc'}, {name: 'bike' , value: '890', id: 'def'},{name: 'cycle' , value: '123',id: 'def',id: 'def'},{name: 'car' , value: '456', id: 'def'}
]
我能夠獲得唯一的舞台,但無法將 id 推送到每個 object。 請幫忙
const getAllStages = [].concat(...map(a, el => el.stage));
console.log(getAllStages )
再次使用.map()
將el.stage
添加到el.id
的每個元素。
您可以在外部映射中使用.flatMap()
將所有結果連接到一個數組中。
const a = [ {id: 'abc', stage: [{name: 'car', value: '123'},{name: 'bus', value: '345'},{name: 'truck', value: '567'}]}, {id: 'def', stage: [{name: 'bike', value: '890'},{name: 'cycle', value: '123'},{name: 'car', value: '456'}]} ] result = a.flatMap(({ id, stage }) => stage.map(s => ({ id: id, ...s }))); console.log(result);
您可以在不使用庫的情況下這樣編寫
let a = [
{
id: 'abc', stage:
[
{ name: 'car', value: '123' },
{ name: 'bus', value: '345' },
{ name: 'truck', value: '567' }
]
},
{
id: 'def', stage:
[
{ name: 'bike', value: '890' },
{ name: 'cycle', value: '123' },
{ name: 'car', value: '456' }
]
}
]
let output = [];
for (const element of a) {
for (const stageElement of element.stage) {
let newElement = {
name: stageElement.name,
value: stageElement.value,
id: element.id
};
output.push(newElement);
}
}
如果您嘗試合並id
:
let remapped = a.map(e => ({ id: a.id, ...e }));
其中將每個條目轉換為 object 繼承a.id
值並添加 object 中的其他任何內容。
這是一個例子和結果:)
a.forEach(function(row) {
row.stage.map(function (child) {child.id = row.id})
})
結果:
[{"id":"abc","stage":[{"name":"car","value":"123","id":"abc"},{"name":"bus","value":"345","id":"abc"},{"name":"truck","value":"567","id":"abc"}]},{"id":"def","stage":[{"name":"bike","value":"890","id":"def"},{"name":"cycle","value":"123","id":"def"},{"name":"car","value":"456","id":"def"}]}]
const a = [
{id: 'abc', stage: [{name: 'car' , value: '123'},{name: 'bus' , value: '345'},{name: 'truck' , value: '567'}]},
{id: 'def', stage: [{name: 'bike' , value: '890'},{name: 'cycle' , value: '123'},{name: 'car' , value: '456'}]}
]
a.forEach(item => {
const itemId = item.id;
const stages = item.stage;
stages.forEach(stage => {
stage['id'] = itemId;
})
});
console.log(a);
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.