Modify Array Items to output smaller sub array with only one object

Question

I have below const

const cartProducts = props.cartSlice;

whose output is below array

Array [
  Object {
    "cartQuantity": 3,
    "product": "5f15d92ee520d44421ed8e9b",
  },
  Object {
    "cartQuantity": 2,
    "product": "5f15d964e520d44421ed8e9c",
  },
  Object {
    "cartQuantity": 1,
    "product": "62e5285f92b4fde9dc8a384c",
  },
  Object {
    "cartQuantity": 4,
    "product": "5f15d9b3e520d44421ed8e9d",
  },
]

I am trying to write some code in reactjs to output separate arrays with the only the cartQuantity as below

Array [
  3,
]
Array[
  2,
]
Array[
  1,
]
Array[
  4,
]

The closest I have come to achieving this is below which is consolidating all the cartQuantity in a single array.

const quantity = cartProducts.map((item, i) => item.cartQuantity);

Array [
  3,
  2,
  1,
  4,
]

How can I modify my query to output separate arrays for each cartQuantity?

Return => [item.cartQuantity]

Rajesh Dixit
– Rajesh Dixit

2022-10-04 13:17:41 +00:00
Commented Oct 4, 2022 at 13:17 — Rajesh Dixit
– Rajesh Dixit, Commented Oct 4, 2022 at 13:17

Mr5he11 · Accepted Answer · 2022-10-04 13:18:28Z

1

You already mapped the initial array into an array of quantities, now if you want to get an array of arrays, with one quantity into each inner array, then it suffices to make the map callback return an Array with such quantity.

const quantity = cartProducts.map((item, i) => [item.cartQuantity]);

Array [
  Array [
    3
  ],
  Array[
    2
  ],
  Array[
    1
  ],
  Array[
    4
  ]
]

answered Oct 4, 2022 at 13:18

Mr5he11

3532 silver badges8 bronze badges

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

1 Comment

Jesee Kiigu Over a year ago

It had not crossed my mind.. It is working and the console.log display an array of arrays. I thought it would address the problem I faced here.. stackoverflow.com/questions/73882335/…

Collectives™ on Stack Overflow

Modify Array Items to output smaller sub array with only one object

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related