我有一個看起來像這樣的物件
const item = {
id: 123,
type: 'book',
sections: [{
type: 'section',
id: '456',
index: 1,
lessons: [{
type: 'lesson',
id: 789,
index: 1
},
{
type: 'lesson',
id: 999,
index: 2
}
]
}, {
type: 'section',
index: 2,
id: 321,
lessons: [{
type: 'lesson',
id: 444,
index: 1
},
{
type: 'lesson',
id: 555,
index: 2
}
]
}]
}
應該假設sections和series陣列中有更多的物件。我想創建一個這樣的新物件
result = [{
section: 456,
lessons: [789, 999]
}, {
section: 321,
lessons: [444, 555]
}]
我嘗試了這個回圈，但這只是推送索引而不是課程的 ID
let obj = {};
let sectionWithLessons = [];
let lessons = []
for (const i in item.sections) {
obj = {
sectionId: item.sections[i].id,
lessonIds: item.sections[i].lessons.map((lesson) => {
return lessons.push(lesson.id)
}),
};
sectionWithLessons.push(obj);
}
console.log(sectionWithLessons);
我怎樣才能正確地做到這一點，最好考慮到良好的性能？
uj5u.com熱心網友回復：
我相信最好/最短的事情是使用地圖功能，例如：
const result2 = item.sections.map(({id, lessons}) => ({
id,
lessons: lessons.map(({id: lessionId}) => lessionId)
}))
uj5u.com熱心網友回復：
我建議使用Array.map()將專案部分轉換為所需的結果。
我們會將每個部分轉換為具有section值和lessons陣列的物件。
為了創建課程陣列，我們再次使用 Array.map() 將每個課程映射到課程 ID。
const item = { id: 123, type: 'book', sections: [{ type: 'section', id: '456', index: 1, lessons: [{ type: 'lesson', id: 789, index: 1 }, { type: 'lesson', id: 999, index: 2 } ] }, { type: 'section', index: 2, id: 321, lessons: [{ type: 'lesson', id: 444, index: 1 }, { type: 'lesson', id: 555, index: 2 } ] }] }
const result = item.sections.map(({ id, lessons }) => {
return ({ section: id, lessons: lessons.map(({ id }) => id) })
});
console.log('Result:', result);
.as-console-wrapper { max-height: 100% !important; }轉載請註明出處，本文鏈接：https://www.uj5u.com/net/483342.html
標籤：javascript 节点.js