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],
    startdate: "1996-12-02",
  },

Answer 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)

Answer 2

在你的情况下，你只需要返回你想要的

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