Tengo una matriz de objetos con matrices anidadas. Eso se parece a lo siguiente

 [ { type: 'type', props: { latitude: 100, items: [ {type: 'item1' , elements: '10', utilities: '100}, {type: 'item2' , elements: '10', utilities: '100}, {type: 'item3' , elements: '10', utilities: '100}, {type: 'item4' , elements: '10', utilities: '100}, {type: 'item5' , elements: '10', utilities: '100}, ] } }, { type: 'type2', props: { latitude: 150, items: [ {type: 'item1' , elements: '10', utilities: '100}, {type: 'item2' , elements: '10', utilities: '100}, {type: 'item4' , elements: '10', utilities: '100}, {type: 'item5' , elements: '10', utilities: '100}, ] } }, ... ]

Ahora quiero que esta matriz tenga [x].props.items <= 3 elementos. No me importa el orden, básicamente quiero mantener los primeros 3 elementos.

Resultando en

 [ { type: 'type', props: { latitude: 100, items: [ {type: 'item1' , elements: '10', utilities: '100}, {type: 'item2' , elements: '10', utilities: '100}, {type: 'item3' , elements: '10', utilities: '100} ] } }, { type: 'type2', props: { latitude: 150, items: [ {type: 'item1' , elements: '10', utilities: '100}, {type: 'item2' , elements: '10', utilities: '100}, {type: 'item4' , elements: '10', utilities: '100} ] } }, ... ]

he intentado hacer

 let newArr = arr.map(i => i.map(j => j.props.items.slice(0,3)))

Pero no creo que vaya en la dirección correcta