How to filter array of objects by object in JS

Question

Good day. Tell me how can I iterate over an array taking values for filters from an object?

const hotels = [
  {
    name: "Marina Inn",
    country: "США"
    address: "Фалираки",
    stars: 4,  
  },    
  {
    name: "Mondrian Suites",
    country: "Греция",
    address: "Родос",
    stars: 5,
  },
  {
    name: "Mondrian Suites",
    country: "США",
    address: "Родос",
    stars: 5,
  }      
]

I want to filter objects by filters from object:

const objFilter = {     
  country: "США",      
  stars: 5,      
}

You should get an array

[
  {
    name: "Mondrian Suites",
    country: "США",
    address: "Родос",
    stars: 5,
  }      
]

Try this, [https://stackoverflow.com/questions/1129216/sort-array-of-objects-by-string-property-value](https://stackoverflow.com/questions/1129216/sort-array-of-objects-by-string-property-value) — Mr Robot, Jul 18 '21 at 05:59
Your title asks about sorting, but the content asks about filtering. Which do you need? Also, there are native JS Array functions for doing both, please check MDN. — Derek, Jul 18 '21 at 06:03

Majed Badawi · Accepted Answer · 2021-07-18T06:41:10.157

You can use Object#entries to get the pairs of the filter object.

Then, using Array#filter, iterate over the array and return the matching elements using Array#every:

const filterArrByObj = (arr = [], obj = {}) => {
  const filterEntries = Object.entries(obj);
  return arr.filter(e =>
    filterEntries.every(([key, value]) => e[key] === value)
  );
}

const 
  hotels = [{ name: "Marina Inn", country: "США", address: "Фалираки", stars: 4 }, { name: "Mondrian Suites", country: "Греция", address: "Родос", stars: 5 }, { name: "Mondrian Suites", country: "США", address: "Родос", stars: 5 }],
  objFilter = { country: "США", stars: 5 };
console.log( filterArrByObj(hotels, objFilter) );

score 0 · Answer 2 · answered Jul 18 '21 at 06:04

Use for loop and check if object has the values you want like - (Note: New to JS, didn't tried but hope it works)

var filter = {     
      country: США,      
      stars: 5,      
    {

hotels.forEach(function(hotel){
  if(hotel.country == filter.country && hotel.stars == filter.stars) {
      console.log(hotel);
  }
});

score 0 · Answer 3 · answered Jul 18 '21 at 06:04

   const hotels = [
          {
            name: "Marina Inn",
            country: "США",address: "Фалираки",
            stars: 4
          },
          {
            name: "Mondrian Suites",
            country: "Греция",
            address: "Родос",
            stars: 5,
            
          },
          {
            name: "Mondrian Suites",
            country: "США",
            address: "Родос",
            stars: 5,
            
          }
        ]
            
    const results = hotels.filter(hotel=>hotel.country =='США'&&hotel.stars==5);

How to filter array of objects by object in JS

3 Answers3