JavaScript - Making generic map/find/filter function [duplicate]

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 — VLAZ
– VLAZ, Commented Dec 4, 2020 at 14:40
Oh wow, I had no idea that was even a thing. Thank a lot man :) — Ills
– Ills, Commented Dec 4, 2020 at 14:42
Add another parameter (arr, prop, text) and use e[prop] === text — adiga
– adiga, Commented Dec 4, 2020 at 14:44

Unmitigated · Accepted Answer · 2020-12-04 15:31:11Z

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 4, 2020 at 15:31

answered Dec 4, 2020 at 14:42

Unmitigated

91.4k12 gold badges102 silver badges109 bronze badges

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

4 Comments

Rajesh Dixit Over a year ago

I think OP is looking for a way to make a filter function that is not associated with only 1 key in object

Unmitigated Over a year ago

@Rajesh Are they not looking for a way to search a dynamic property?

Ills Over a year ago

@Rajesh - I was yes, OrAssayag posted the solution.

Nikola Lukic Over a year ago

I support this anwer . Simple and short.

Collectives™ on Stack Overflow

JavaScript - Making generic map/find/filter function [duplicate]

1 Answer 1

4 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Linked

Related