Remove object key and value inside of Array of Objects

Question

My code =

This is my example data.

const songs = [
  {
    "title": "Just Once",
    "asset_id": "1f7e0fd8-db21-4c28-b9e1-eb0295af198c",
    "sort": 1,
    "performers": [
      {
        "last_name": "John",
        "first_name": "Doe",
        "group": {
          "group_id": "1e5f73fa-ffe8-4c70-a83b-84e7bf985b25",
          "dept_short_name": "PAO",
          "dept_long_name": "Public Affairs Office"
        },
        "email": "[email protected]"
      }
    ]
  }
]

    const newTest= songs.map(( {...song} ) => (
        song.performers.map(({...group}) => group_id = group.group_id)
    ))

and I am getting this as result:

I should just remove the dept_short_name and dept_long_name from group object and the group_id will be remain, and the rest of the data of the songs should be remained the same.

This should be the result:

[
  {
    "title": "Just Once",
    "asset_id": "1f7e0fd8-db21-4c28-b9e1-eb0295af198c",
    "sort": 1,
    "performers": [
      {
        "last_name": "John",
        "first_name": "Doe",
        "group_id":"1e5f73fa-ffe8-4c70-a83b-84e7bf985b25"
        "email": "[email protected]"
      }
    ]
  }
]

Yury Tarabanko · Accepted Answer · 2020-01-13 11:56:56Z

4

You need to recreate an object in both of your maps.

const songs = [{"title":"Just Once","asset_id":"1f7e0fd8-db21-4c28-b9e1-eb0295af198c","sort":1,"performers":[{"last_name":"John","first_name":"Doe","group":{"group_id":"1e5f73fa-ffe8-4c70-a83b-84e7bf985b25","dept_short_name":"PAO","dept_long_name":"Public Affairs Office"},"email":"[email protected]"}]}]

const updated = songs.map(({
  performers,
  ...song
}) => ({ ...song, // recreate song object
  performers: performers.map(({
    group: {
      group_id
    },
    ...performer
  }) => ({ ...performer, // recreate performer object
    group_id
  }))
}))

console.log(updated)

answered Jan 13, 2020 at 11:56

Yury Tarabanko

45.1k10 gold badges88 silver badges99 bronze badges

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

4 Comments

bossajie Over a year ago

Works like magic! Nice. I really need to loop and use spread to remain those data. Thanks, new knowledge for today.

Yury Tarabanko Over a year ago

@bossajie Glad I could help. BTW you might want to consider flattening your redux state to avoid nesting updates. Or there is a library immer that makes the update code to look more imperative.

bossajie Over a year ago

I am using this before sending to the API, because the API accepts group_id only, not object, and in my frontend using some 3rd party component, I need group object to display a proper one, that's why I am doing this. Is that good practice?

Yury Tarabanko Over a year ago

I believe it is, unless you have a way to change API or frontend to match one another :)

Pratham · Accepted Answer · 2020-01-13 12:01:54Z

0

  {
    "title": "Just Once",
    "asset_id": "1f7e0fd8-db21-4c28-b9e1-eb0295af198c",
    "sort": 1,
    "performers": [
      {
        "last_name": "John",
        "first_name": "Doe",
        "group": {
          "group_id": "1e5f73fa-ffe8-4c70-a83b-84e7bf985b25",
          "dept_short_name": "PAO",
          "dept_long_name": "Public Affairs Office"
        },
        "email": "[email protected]"
      }
    ]
  }
]

window.addEventListener('load', function() {
 delete songs[0].performers[0].group.dept_short_name;
 delete songs[0].performers[0].group.dept_long_name;
 console.log(JSON.stringify(songs))
});

This may help.

answered Jan 13, 2020 at 12:01

Pratham

2691 silver badge8 bronze badges

Comments

Sultan Aslam · Accepted Answer · 2020-01-13 13:41:38Z

0

const songs = [{
  title: "Just Once",
  asset_id: "1f7e0fd8-db21-4c28-b9e1-eb0295af198c",
  sort: 1,
  performers: [{
    last_name: "John",
    first_name: "Doe",
    group: {
      group_id: "1e5f73fa-ffe8-4c70-a83b-84e7bf985b25",
      dept_short_name: "PAO",
      dept_long_name: "Public Affairs Office"
    },
    email: "[email protected]"
  }]
}];
songs.map(({ performers }, ind) => {
 performers.map(({ group }, ind) => {
  performers[ind].group_id = group.group_id;
 });

 delete performers[ind].group;
});

console.log(songs);

edited Jan 13, 2020 at 13:41

Sultan Aslam

6,2882 gold badges42 silver badges49 bronze badges

answered Jan 13, 2020 at 12:54

pradeep

12 bronze badges

Comments

TechP88 · Accepted Answer · 2020-01-13 11:59:52Z

-1

Use delete keyword: delete performerce ["keyname"] It will return the Boolean value

answered Jan 13, 2020 at 11:59

TechP88

251 silver badge6 bronze badges

1 Comment

Yury Tarabanko Over a year ago

Assuming this question has redux tag mutating state is not an option.

Collectives™ on Stack Overflow

Remove object key and value inside of Array of Objects

4 Answers 4

4 Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

4 Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related