how to cut an object array to get specific attributes in typescript

Question

I have an array like this

array = [
{
  id: 1,
  name: 'Apple',
  color: 'red
},
{
  id: 2,
  name: 'Orange',
  color: 'orange'
},
{
  id: 3,
  name: 'Banana',
  color:'yellow'
},
{
  id: 4,
  name: 'Malta',
  color:'orange'
}
];

and I just want to get "id" attribute from this array like this

 array = [
{
  id: 1,
},
{
  id: 2,
},
{
  id: 3,
},
{
  id: 4,
}
];

What should be the method to handle this situation. I tried filter method , map method but it didn't work

Show what you have tried, map should do the job just fine here. — kristaps
– kristaps, Commented Jan 11, 2019 at 9:38
For non-destructive way, map is the correct way. However, please show your code; note that "it didn't work" is a useless description (if it worked, you probably wouldn't be here, asking), and a good description of how, precisely it failed to work (with example input, example output and how it differs from the desired output) is much, much more useful. — Amadan
– Amadan, Commented Jan 11, 2019 at 9:39

Pardeep Jain · Accepted Answer · 2019-01-11 09:46:31Z

5

Use map operator to iterate over the array like this -

array.map(res => {return {id: res.id}})

PS - or Another shortcut way as @amadan suggested in comment

array.map(({id}) => ({id}))

edited Jan 11, 2019 at 9:46

answered Jan 11, 2019 at 9:39

Pardeep Jain

86.9k38 gold badges172 silver badges220 bronze badges

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

Comments

SiddAjmera · Accepted Answer · 2019-01-11 09:42:40Z

1

Use map on the array:

var initial = [{
    id: 1,
    name: 'Apple',
    color: 'red'
  },
  {
    id: 2,
    name: 'Orange',
    color: 'orange'
  },
  {
    id: 3,
    name: 'Banana',
    color: 'yellow'
  },
  {
    id: 4,
    name: 'Malta',
    color: 'orange'
  }
];

var finalArray = initial.map(item => {
  return {
    id: item.id
  }
});

console.log(finalArray);

answered Jan 11, 2019 at 9:42

SiddAjmera

39.6k7 gold badges77 silver badges113 bronze badges

Comments

Just code · Accepted Answer · 2019-01-11 09:41:29Z

0

You can use map to get the id property,

 arrayData.map(a => {
  return {
    id: a.id
  }
 })

var arrayData = [{
    id: 1,
    name: 'Apple',
    color: 'red'
  },
  {
    id: 2,
    name: 'Orange',
    color: 'orange'
  },
  {
    id: 3,
    name: 'Banana',
    color: 'yellow'
  },
  {
    id: 4,
    name: 'Malta',
    color: 'orange'
  }
];

const newarray = arrayData.map(a => {
  return {
    id: a.id
  }
})
console.log(newarray);

edited Jan 11, 2019 at 9:41

answered Jan 11, 2019 at 9:39

Just code

13.8k10 gold badges54 silver badges94 bronze badges

2 Comments

Amadan Over a year ago

This funny syntax also works nicely: arrayData.map(({id}) => ({id}))

Just code Over a year ago

@Amadan yeah I know :D

Collectives™ on Stack Overflow

how to cut an object array to get specific attributes in typescript

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related