Returning an Array of Objects.... from an Array of Objects

Question

people: [
  {
    name: "Jon Doe",
    age: "25",
    city: "Detroit",
  },
  {
    name: "Jane Doe",
    age: "23",
    city: "Detroit",
  },
  {
    name: "Jack Doe",
    age: "22",
    city: "Detroit",
  },
  {
    name: "Joe Doe",
    age: "28",
    city: "Detroit",
  },
  {
    name: "Josh Doe",
    age: "27",
    city: "Detroit",
  }
]

TO THIS ------------>

anotherArray: [
  {
    name: "Jon Doe",
    city: "Detroit"
  },
  {
    name: "Jane Doe",
    city: "Detroit"
  },
  {
    name: "Jack Doe",
    city: "Detroit"
  },
  {
    name: "Joe Doe",
    city: "Detroit"
  },
  {
    name: "Josh Doe",
    city: "Detroit"
  }
]

How would I achieve this result? I just want to pull certain keys from each object, then make an object of those selected keys. Intuitively, I am thinking maybe the .map method but so far each attempt has been a failure.

NOTE: There is a similar question How to remove properties from an object array?. This is not a duplicate question, because I am not trying to DELETE anything from the object, and I attempting to create a new object with specific results.

`people.map(x => {delete x.age; return x;})` – izengod Feb 27 '18 at 06:52 — izengod, Feb 27 '18 at 06:52
Share your attempt with `map` – gurvinder372 Feb 27 '18 at 06:54 — gurvinder372, Feb 27 '18 at 06:54
@izengod `delete` mutates the original objects. – Sebastian Simon Feb 27 '18 at 07:01 — Sebastian Simon, Feb 27 '18 at 07:01
this is NOT a duplicate question. – Eddie Taliaferro II Mar 01 '18 at 01:57 — Eddie Taliaferro II, Mar 01 '18 at 01:57

stukilgore · Accepted Answer · 2018-02-27T07:33:10.790

2

I'd recommend using .map :

//Using your above people array:

people.map( ({name, city}) => ({name, city}) )

This should return the array you're looking for.

edited Feb 27 '18 at 07:33

answered Feb 27 '18 at 06:55

stukilgore

101
3

ahhh this solves the problem. Learned something today. Can't believe I didn't think to use .map this way originally. – Eddie Taliaferro II Feb 27 '18 at 07:04

score 0 · Answer 2 · answered Feb 27 '18 at 06:53

0

Use .map on the array and inside the callback delete the key age.

var data = {
  people: [{
      name: "Jon Doe",
      age: "25",
      city: "Detroit",
    },
    {
      name: "Jane Doe",
      age: "23",
      city: "Detroit",
    },
    {
      name: "Jack Doe",
      age: "22",
      city: "Detroit",
    },
    {
      name: "Joe Doe",
      age: "28",
      city: "Detroit",
    },
    {
      name: "Josh Doe",
      age: "27",
      city: "Detroit",
    }
  ]
};

var newData = data.people.map(el => { delete el.age; return el; });

console.log(newData);

answered Feb 27 '18 at 06:53

void

36,090
8
62
107

.... duh. Lmao thank you very much – Eddie Taliaferro II Feb 27 '18 at 06:54
2

Note that this modifies the original objects. – JJJ Feb 27 '18 at 06:55
@JJJ thats correct! Thanks for mentioning... – void Feb 27 '18 at 06:56
Why downvotes? Care to explain? – void Feb 27 '18 at 07:11

Returning an Array of Objects.... from an Array of Objects

2 Answers2