Filter array of object with dynamic array React

Question

I currently working on filtering an array of object.

The array of objects goes like this

var arrayObj = [
        {
            "Fajr": "04:29 (WIB)",
            "Dhuhr": "11:43 (WIB)",
            "Asr": "14:48 (WIB)",
            "Maghrib": "17:48 (WIB)",
            "Isha": "18:53 (WIB)"
        },
        {
            "Fajr": "04:29 (WIB)",
            "Dhuhr": "11:43 (WIB)",
            "Asr": "14:47 (WIB)",
            "Maghrib": "17:48 (WIB)",
            "Isha": "18:53 (WIB)"
        }
    ]

And I have the Array that can change but the range is only 0 to 4. the example is like this

var arrayFind = [3, 0, 4]

What I want to achieve is the arrayObj will filter based on arrayFind, example the output is like this

var arrayObj = [
        {
            "Fajr": "04:29 (WIB)",
            "Maghrib": "17:48 (WIB)",
            "Isha": "18:53 (WIB)"
        },
        {
            "Fajr": "04:29 (WIB)",
            "Maghrib": "17:48 (WIB)",
            "Isha": "18:53 (WIB)"
        }
    ]

How do I achieve that ? I tried to use map and _.pickBy but still stuck. Thank you so much

Yes you're right, its risky not to filter object by the key names. But in my case the objects from the API not changing so I'll look into that if something change, thank you for point it out :) @kikon — Chandra Syahputra
– Chandra Syahputra, Commented Oct 19, 2022 at 3:23

flyingfox · Accepted Answer · 2022-10-19 03:01:08Z

1

We can use Object.keys() to get all the keys and then using map() to do it

var arrayObj = [
        {
            "Fajr": "04:29 (WIB)",
            "Dhuhr": "11:43 (WIB)",
            "Asr": "14:48 (WIB)",
            "Maghrib": "17:48 (WIB)",
            "Isha": "18:53 (WIB)"
        },
        {
            "Fajr": "04:29 (WIB)",
            "Dhuhr": "11:43 (WIB)",
            "Asr": "14:47 (WIB)",
            "Maghrib": "17:48 (WIB)",
            "Isha": "18:53 (WIB)"
        }
    ]
    
var arrayFind = [3, 0, 4]

let result = arrayObj.map(e => {
  let keys = Object.keys(e)
  let obj = {}
  arrayFind.forEach(a => {
    obj[keys[a]] = e[keys[a]]
  })
  return obj
})

console.log(result)

answered Oct 19, 2022 at 3:01

flyingfox

13.5k4 gold badges30 silver badges43 bronze badges

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

Collectives™ on Stack Overflow

Filter array of object with dynamic array React

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related