Transform object in js

Question

I want transform a Javascript object to a different form. Lets take an example.

may be I have an object like this,

[
  {
    "_id": 1,
    "name": "abc",
    "sub": [
      "bbb",
      "ccc"
    ]
  },
  {
    "_id": 8,
    "name": "abc1",
    "sub": [
      "bbb1"
    ]
  },
  {
    "_id": 11,
    "name": "abc"
  }
]

and I want to transform that like below,

[
  {
    "_id": 1,
    "name": "abc",
    "sub": [
      {
        "sub": "bbb"
      },
      {
        "sub": "ccc"
      }
    ]
  },
  {
    "_id": 8,
    "name": "abc1",
    "sub": [
      {
        "sub": "bbb1"
      }
    ]
  },
  {
    "_id": 11,
    "name": "abc"
  }
]

my code looks something like this,

x.map(({ sub }) => ({ sub: sub }));

If i try this, I'm getting a result something like this,

[{"sub":["bbb","ccc"]},{"sub":["bbb1"]},{}]

can anyone please help me to solve this. Thanks.

.map(el => ({...el, sub: el.sub?.map(sub => ({ sub })) || undefined }))). If you prefer to have an empty array instead of undefined when the original element has no sub, replace undefined with [] — tao
– tao, Commented Jan 13, 2022 at 12:11

cmgchess · Accepted Answer · 2022-01-13 12:07:40Z

2

Using Array.prototype.map() twice along with the spread operator

let a = [
  {
    "_id": 1,
    "name": "abc",
    "sub": [
      "bbb",
      "ccc"
    ]
  },
  {
    "_id": 8,
    "name": "abc1",
    "sub": [
      "bbb1"
    ]
  },
  {
    "_id": 11,
    "name": "abc"
  }
]

let b = a.map((el) => {
  if(el.sub){
        let c = el.sub.map(el2 => {
        return {sub: el2}
      })
      el = {...el,sub: c}
   }
   return el;
})

console.log(b)

answered Jan 13, 2022 at 12:07

cmgchess

10.3k42 gold badges55 silver badges70 bronze badges

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

1 Comment

Nick Over a year ago

Oh hell yeah, it worked. Thanks a ton,

Collectives™ on Stack Overflow

Transform object in js

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related