filter array of object in javascript based on conditions?

Question

I'm trying to filter an array in javascript for a simple form in react.

The array looks like this,

var Details = [
  {
    Magic: "Mana",
    scheduledtimes: [8,14],
    startdate: "1996-12-02",
  },
  {
    Magic: "Vispasion",
    scheduledtimes: [8],
    startdate: "1996-12-02",
  },
  ...
];

I want to simply find the correct magic power, then be able to remove values or remove the object if the magic power is chosen to be removed.

This removes the object totally,

var Test = Details.find((v) => v.Magic === "Mana")
  ? Details.filter((v) => v.Magic !== "Mana")
  : [...Details, "Mana"];

However, when I'm not sure how to simply remove the time values, or the string value, but keep the object the same overall?

The expect result would be, say if i removed one specific time value,

var Details = [
  {
    Magic: "Mana",
    scheduledtimes: [8],
    startdate: "1996-12-02",
  },
  {
    Magic: "Vispasion",
    scheduledtimes: [8],
  },

Trying to remove the start date parameter now, having a bit of trouble

what should be your expected result, Please add in the question itself... — DecPK
– DecPK, Commented Oct 16, 2021 at 4:25
That's good but you didn't mention which number should be removed. You have removed 14, Is there any criteria? — DecPK
– DecPK, Commented Oct 16, 2021 at 4:42

diedu · Accepted Answer · 2021-10-16 04:50:29Z

1

What I understood is that you want to edit or remove an object in the array depending on some condition, you could achieve it using reduce.

var Details = [{
    Magic: "Mana",
    scheduledtimes: [8],
    startdate: "1996-12-02",
  },
  {
    Magic: "Mana2",
    scheduledtimes: [8, 14],
    startdate: "1996-12-02",
  },
  {
    Magic: "Vispasion",
    scheduledtimes: [8],
    startdate: "1996-12-02",
  },
  {
    Magic: "Untouched",
    scheduledtimes: [8],
    startdate: "1996-12-02",
  },
];

var Test = Details.reduce((acc, power) => {
  if (power.Magic === "Mana") return acc; // remove mana powers
  if (power.Magic === "Mana2") {
    // remove 14 in times for Mana2 powers
    return [...acc, { ...power,
      scheduledtimes: power.scheduledtimes.filter(time => time !== 14)
    }]
  }
  if (power.Magic === "Vispasion") {
    // modify the power by concatenating an new object with partial info
    return [...acc, {
      Magic: power.Magic
    }];
  }
  return [...acc, power]; // leave the power in the array by default
}, []);

console.log(Test)

edited Oct 16, 2021 at 4:50

answered Oct 16, 2021 at 4:33

diedu

20.9k4 gold badges39 silver badges53 bronze badges

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

3 Comments

LeCoda Over a year ago

Brilliant, would this still work with the numbers for times in the array?

diedu Over a year ago

I didn't get your question, do you want to filter out/edit elements based on the values in the scheduledtimes array?

diedu Over a year ago

@LeCoda, ok, I see the update of your post. I added an example of Mana2 where I removed the number 14. You'd want to separate the logic to modify each type of power in different functions to organize better your code

Dharman · Accepted Answer · 2021-10-16 08:23:25Z

0

In your condition, you just need to return what you want

var Test = Details.find(v=> v.Magic === "Mana") ? Details.filter(v => { if(v.Magic !== "Mana") return { return {Magic: a.Magic} }) : [...Details, "Mana"]

edited Oct 16, 2021 at 8:23

Dharman♦

33.9k27 gold badges106 silver badges157 bronze badges

answered Oct 16, 2021 at 4:27

Harsh Patel

6,87810 gold badges44 silver badges77 bronze badges

Collectives™ on Stack Overflow

filter array of object in javascript based on conditions?

Trying to remove the start date parameter now, having a bit of trouble

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Trying to remove the start date parameter now, having a bit of trouble

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related