Modify all object inside an array of objects

Question

I have an Array of objects like this :

let cars = [
  {
    "color": "purple",
    "type": "minivan",
    "registration": new Date('2017-01-03'),
    "capacity": 7
  },
  {
    "color": "red",
    "type": "station wagon",
    "registration": new Date('2018-03-03'),
    "capacity": 5
  },
  {
    ...
  },
  ...
]

I want to make a change on all objects and return this array without unnecessary information ( I don't need to get the type and registration ) and have my array of objects like this:

let cars = [
  {
    "color": "purple",
    "capacity": 7
  },
  {
    "color": "red",
    "capacity": 5
  },
  {
    ...
  },
  ...
]

Please share whatever you have tried. Even if you feel it is extremely wrong. — Tushar Shahi
– Tushar Shahi, Commented Jun 25, 2021 at 7:57

Yana Trifonova · Accepted Answer · 2021-06-25 08:01:52Z

1

Here is an answer. You can use it for typescript too.

let cars = [
    {
        "color": "purple",
        "type": "minivan",
        "registration": new Date('2017-01-03'),
        "capacity": 7
    },
    {
        "color": "red",
        "type": "station wagon",
        "registration": new Date('2018-03-03'),
        "capacity": 5
    },
]

let newCars = cars.map(function (car)  {
    return {"color" : car.color, "type": car.type};
});

console.log(newCars);

answered Jun 25, 2021 at 8:01

Yana Trifonova

6611 gold badge10 silver badges31 bronze badges

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

Comments

veryverde · Accepted Answer · 2021-06-25 08:04:22Z

1

Use forEach:

    cars.forEach(car => {
     delete car.registration
     delete car.type
    })

Alternatively, if you want to create a new array, you can use the map function:

   const newCars = cars.map(car => {
     return { color: car.color, capacity: car.capacity }
    })

edited Jun 25, 2021 at 8:04

answered Jun 25, 2021 at 7:54

veryverde

4543 silver badges14 bronze badges

2 Comments

Taieb Over a year ago

I tried to run the second one it's always returning Undefined

veryverde Over a year ago

Ah sorry, my bad! I used forEach again instead of map. It should work now

code đờ · Accepted Answer · 2021-06-25 08:04:59Z

0

You can iterate over each item in the array, and remove what you don't need. But that's just Javascript. For Typescript, if you want to update the type of the array as well, you may use casting:

const newCars = cars.map(car => {
  delete car.registration;
  delete car.type;
  return car;
}) as {color: string; capacity: number}[];

edited Jun 25, 2021 at 8:04

answered Jun 25, 2021 at 7:59

code đờ

6151 gold badge10 silver badges25 bronze badges

Comments

mqliutie · Accepted Answer · 2021-06-25 08:08:41Z

0

You can use lodash

_.map(cars, _.partialRight(_.pick, ['color','capacity']));

answered Jun 25, 2021 at 8:08

mqliutie

4083 silver badges19 bronze badges

Collectives™ on Stack Overflow

Modify all object inside an array of objects

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related