JS slice a nested array in array of objects

Question

I have the following array structure:

  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' },
      ]
    }
  ];

I need to splice(0, 3) a nested data array.

Here's what I tried so far, but I need to get the same output as the input array with sliced 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)

What's the simplest way to achieve it? Thank you!

please add the wanted result. btw, splice mutates the array. — Nina Scholz
– Nina Scholz, Commented Mar 31, 2020 at 14:31

palaѕн · Accepted Answer · 2020-03-31 14:32:37Z

2

You may use array .map() method:

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)

answered Mar 31, 2020 at 14:32

palaѕн

74.2k17 gold badges123 silver badges140 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

JS slice a nested array in array of objects

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related