JavaScript - Making generic map/find/filter function

Question

TLDR; How would you go about making a function that e.g. search for value e.g. in array, but where the property searched for can change?

Example.

    const search = (arr, text) =>
    {
        // What if rather than e.name we wanted to search on e.phone?
        // And how could this be passed with the function params?
        return arr.find(e => e.name === text)
    }

You can use bracket notation to access any property. See here: [Dynamically access object property using variable](https://stackoverflow.com/q/4244896) — VLAZ, Dec 04 '20 at 14:40
Oh wow, I had no idea that was even a thing. Thank a lot man :) — Ills, Dec 04 '20 at 14:42
Add another parameter `(arr, prop, text)` and use `e[prop] === text` — adiga, Dec 04 '20 at 14:44

Unmitigated · Accepted Answer · 2020-12-04T15:31:11.960

1

You can use Array#reduce to find a nested property (passed in as a string) to compare with the text.

const search = (arr, prop, text) =>{
  const getProp = obj => prop.split('.').reduce((acc,curr)=>acc?.[curr], obj);
  return arr.find(e => getProp(e) === text);
}
console.log(search([{a: 1}, {a: {b: 'test'}}], 'a.b', 'test'));
console.log(search([{name: 'Joe'}, {name: 'John'}, {name: 'Bob'}], 'name', 'Bob'));

edited Dec 04 '20 at 15:31

answered Dec 04 '20 at 14:42

Unmitigated

76,500
11
62
80

I think OP is looking for a way to make a filter function that is not associated with only 1 key in object – Rajesh Dec 04 '20 at 14:42
1

@Rajesh Are they not looking for a way to search a dynamic property? – Unmitigated Dec 04 '20 at 14:43
@Rajesh - I was yes, OrAssayag posted the solution. – Ills Dec 04 '20 at 14:48
1

I support this anwer . Simple and short. – Nikola Lukic Dec 04 '20 at 14:55

JavaScript - Making generic map/find/filter function

1 Answers1