CODEWITHSUNDEEP
javascript
LeCoda
LeCoda

Reputation: 1016

filter array of object in javascript based on conditions?

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

Upvotes: 1

Views: 68

Answers (2)

Harsh Patel
Harsh Patel

Reputation: 6830

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"]

Upvotes: 0

diedu
diedu

Reputation: 20785

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)

Upvotes: 1

Related Questions