JS切片对象数组中的嵌套数组

Question

我有以下数组结构：

const mockData = [
{
text: 'Text1',
data: [
{ field: '1' },
{ field: '2' },
{ field: '3' },
{ field: '4' },
{ field: '5' },
{ field: '6' }
]
},
{
text: 'Text1',
data: [
{ field: '1' },
{ field: '2' },
{ field: '3' },
{ field: '4' },
]
}
];

我需要splice(0, 3)一个嵌套的data数组。

以下是我迄今为止尝试的内容，但我需要获得与具有切片data:的输入数组相同的输出

const mockData = [
{
text: 'Text1',
data: [
{ field: '1' },
{ field: '2' },
{ field: '3' },
{ field: '4' },
{ field: '5' },
{ field: '6' }
]
},
{
text: 'Text1',
data: [
{ field: '1' },
{ field: '2' },
{ field: '3' },
{ field: '4' },
]
}
];
const slicedArray = mockData.reduce((accumulator, arr) => {
const spliceData = arr.data.splice(0, 3);
accumulator.push(spliceData);
return accumulator;
}, []);
console.log(slicedArray)

实现它最简单的方法是什么？非常感谢。

Answer 1

您可以使用数组.map()方法：

const mockData = [{text:"Text1",data:[{field:"1"},{field:"2"},{field:"3"},{field:"4"},{field:"5"},{field:"6"}]},{text:"Text1",data:[{field:"1"},{field:"2"},{field:"3"},{field:"4"}]}];
const slicedArray = mockData.map(d => ({...d, data: d.data.slice(0, 3)}))
console.log(slicedArray)