how to filter array object using object property

Question

I got an array of object

    const devices = [{
    deviceLocation: {
      label: "Pure",
      value: "pure"
    },
    deviceName: "test7"
    devicePaymentMethods: [{
      label: "ab",
      value: "ab"
    } {
      label: "cd",
      value: "cd"
    } {
      label: "ef",
      value: "ef"
    }]
    deviceType: "iPad"
    id: "001"
    connected: false
    enabled: false
  },

  {
    deviceLocation: {
      label: "kandy",
      value: "kandy"
    },
    deviceName: "test4"
    devicePaymentMethods: [{
      label: "ab",
      value: "ab"
    } {
      label: "cd",
      value: "cd"
    }]
    deviceType: "iPad"
    id: "004"
    connected: false
    enabled: false
  }
]

I want to filter the array by object using deviceName,deviceLocation and devicePaymentMethods

Here is what I have already done and it is working for deviceName and deviceLocation but doesn't work for devicePaymentMethods

const filterByValue = (array, string) => {
return array.filter(o =>
  Object.keys(o).some(k => {
    if (k === "deviceName") {
      return o[k].toLowerCase().includes(string.toLowerCase());
    } else if (k === "deviceLocation") {
      return o[k].label.toLowerCase().includes(string.toLowerCase());
    } else if (k === "devicePaymentMethods") {
       o[k].map(pay => {
          if(pay.label.toLowerCase().includes(string.toLowerCase()))
        return pay;
      });
    }
  })
);
};

 filterByValue(devices, "ab")

please add the wanted result.

Nina Scholz
– Nina Scholz

2020-02-28 09:11:53 +00:00
Commented Feb 28, 2020 at 9:11 — Nina Scholz
– Nina Scholz, Commented Feb 28, 2020 at 9:11
use filter instead of map

Varit J Patel
– Varit J Patel

2020-02-28 09:12:16 +00:00
Commented Feb 28, 2020 at 9:12 — Varit J Patel
– Varit J Patel, Commented Feb 28, 2020 at 9:12

Varit J Patel · Accepted Answer · 2020-02-28 09:36:18Z

You forget to mentioned return while filtering the data inside map

return o[k].map(pay => {
  if(pay.label.toLowerCase().includes(string.toLowerCase()))
    return pay;

const devices = [{
    deviceLocation: {
      label: "Pure",
      value: "pure"
    },
    deviceName: "test7",
    devicePaymentMethods: [{
      label: "ab",
      value: "ab"
    }, {
      label: "cd",
      value: "cd"
    }, {
      label: "ef",
      value: "ef"
    }],
    deviceType: "iPad",
    id: "001",
    connected: false,
    enabled: false,
  },
  {
    deviceLocation: {
      label: "kandy",
      value: "kandy"
    },
    deviceName: "test4",
    devicePaymentMethods: [{
      label: "ab",
      value: "ab"
    }, {
      label: "cd",
      value: "cd"
    }],
    deviceType: "iPad",
    id: "004",
    connected: false,
    enabled: false,
  }
];


const filterByValue = (array, string) => {
  return array.filter(o =>
    Object.keys(o).some(k => {
      if (k === "deviceName") {
        return o[k].toLowerCase().includes(string.toLowerCase());
      } else if (k === "deviceLocation") {
        return o[k].label.toLowerCase().includes(string.toLowerCase());
      } else if (k === "devicePaymentMethods") {
        return o[k].some(pay => {
          if (pay.label.toLowerCase().includes(string.toLowerCase())) {
            return pay;
          }
        });
      }
    })
  );
};

console.log(filterByValue(devices, "ab"));
console.log(filterByValue(devices, "ef"));

Fixed the issue and used some() to retrieve one or more values. Hope this helps! please upvote the answer.

Nina Scholz · Accepted Answer · 2020-02-28 09:34:50Z

You could take a slightly different approach with an array of wanted keys and keys for nested array for search.

const
    keys = [['deviceName'], ['deviceLocation', 'label'], ['devicePaymentMethods', 'label']],
    filterByValue = (array, string) => array.filter(object => keys.some(([key, sub]) => {
        if (!(key in object)) return false;
        if (typeof object[key] === 'string' && object[key].toLowerCase() === string) return true;
        if (Array.isArray(object[key]) && sub)
            return object[key].some(o => o[sub].toLowerCase() === string);
    })),
    devices = [{ deviceLocation: { label: "Pure", value: "pure" }, deviceName: "test7", devicePaymentMethods: [{ label: "ab", value: "ab" }, { label: "cd", value: "cd" }, { label: "ef", value: "ef" }], deviceType: "iPad", id: "001", connected: false, enabled: false }, { deviceLocation: { label: "kandy", value: "kandy" }, deviceName: "test4", devicePaymentMethods: [{ label: "ab", value: "ab" }, { label: "cd", value: "cd" }], deviceType: "iPad", id: "004", connected: false, enabled: false }],
    result = filterByValue(devices, "ab");

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Collectives™ on Stack Overflow

how to filter array object using object property

2 Answers 2

2 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Related