Filter multiple specific properties from an array of objects into a new array

Question

I have a big array of objects such as

let arr = [
  {name: "name1" , surname: "surname1", age: "22"},
  {name: "name2" , surname: "surname2", age: "23"},
  {name: "name3" , surname: "surname3", age: "24"},
]

But i need to filter it so it will be

arr = [
  {name: "name1" , surname: "surname1"},
  {name: "name2" , surname: "surname2"},
  {name: "name3" , surname: "surname3"},
]

How can i do so?

Majed Badawi · Accepted Answer · 2021-11-21 16:05:38Z

2

Using Array#map:

const arr = [ {name: "name1" , surname: "surname1", age: "22"}, {name: "name2" , surname: "surname2", age: "23"}, {name: "name3" , surname: "surname3", age: "24"} ];

const res = arr.map(({ name, surname }) => ({ name, surname }));

console.log(res)

answered Nov 21, 2021 at 16:05

Majed Badawi

28.5k4 gold badges30 silver badges56 bronze badges

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

Comments

Spectric · Accepted Answer · 2021-11-21 16:06:16Z

1

Given that you want to filter multiple properties, you can store the properties to delete inside an array, then loop through it when maping and delete the properties:

const propertiesToFilter = ['age']

let arr = [
{name: "name1" , surname: "surname1", age: "22"},
{name: "name2" , surname: "surname2", age: "23"},
{name: "name3" , surname: "surname3", age: "24"},
]

const res = arr.map(e => (propertiesToFilter.forEach(f => delete e[f]), e))

console.log(res)

answered Nov 21, 2021 at 16:06

Spectric

32.6k6 gold badges32 silver badges56 bronze badges

Comments

TAHER El Mehdi · Accepted Answer · 2021-11-21 16:22:14Z

0

Using simple for-of with object-destructuring

for(person of arr){
    const {name, surname} = person;
    res.push({name, surname})
}

answered Nov 21, 2021 at 16:22

TAHER El Mehdi

9,6367 gold badges33 silver badges52 bronze badges

Collectives™ on Stack Overflow

Filter multiple specific properties from an array of objects into a new array

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related