Filtering an array of objects based on a specific object in JavaScript

Question

Filtering an array of objects based on a specific object in JavaScript

Hey there! Can you help me figure out how to iterate over an array using values from an object as filters?

const hotels = [
  {
    name: "Marina Inn",
    country: "USA",
    address: "Faliraki",
    stars: 4,  
  },    
  {
    name: "Mondrian Suites",
    country: "Greece",
    address: "Rhodes",
    stars: 5,
  },
  {
    name: "Mondrian Suites",
    country: "USA",
    address: "Rhodes",
    stars: 5,
  }      
]

I need to filter these objects based on the following criteria stored in an object:

const objFilter = {     
  country: "USA",      
  stars: 5,      
}

The expected result should be an array as shown below

[
  {
    name: "Mondrian Suites",
    country: "USA",
    address: "Rhodes",
    stars: 5,
  }      
]

javascript arrays object

Answer 1

Answer №1

If you need to extract the pairs of the filter object, you can utilize Object#entries.

After that, by employing Array#filter, you can loop through the array and fetch the corresponding elements using Array#every:

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

const 
  products = [{ name: "Widget", price: 20 }, { name: "Gadget", price: 30 }, { name: "Toy", price: 10 }],
  criteria = { price: 30 };
console.log( sortArrayByCriteria(products, criteria) );

Answer 2

If you need to extract the pairs of the filter object, you can utilize Object#entries.

After that, by employing Array#filter, you can loop through the array and fetch the corresponding elements using Array#every:

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

const 
  products = [{ name: "Widget", price: 20 }, { name: "Gadget", price: 30 }, { name: "Toy", price: 10 }],
  criteria = { price: 30 };
console.log( sortArrayByCriteria(products, criteria) );

Answer 3

Answer №2

To filter through hotels, you can use a for loop to check if each hotel has the specific values you are looking for. Here is an example code snippet:

var filter = {     
      country: USA,      
      stars: 5,      
    {

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

Answer 4

To filter through hotels, you can use a for loop to check if each hotel has the specific values you are looking for. Here is an example code snippet:

var filter = {     
      country: USA,      
      stars: 5,      
    {

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

Answer 5

Answer №3

   const hotels = [
          {
            name: "Seaside Resort",
            country: "USA",address: "Miami Beach",
            stars: 4
          },
          {
            name: "Royal Oasis",
            country: "Greece",
            address: "Santorini",
            stars: 5,
            
          },
          {
            name: "Paradise Inn",
            country: "USA",
            address: "Hawaii",
            stars: 5,
            
          }
        ]
            
    const filteredHotels = hotels.filter(hotel=>hotel.country =='USA'&&hotel.stars==5);

Answer 6

   const hotels = [
          {
            name: "Seaside Resort",
            country: "USA",address: "Miami Beach",
            stars: 4
          },
          {
            name: "Royal Oasis",
            country: "Greece",
            address: "Santorini",
            stars: 5,
            
          },
          {
            name: "Paradise Inn",
            country: "USA",
            address: "Hawaii",
            stars: 5,
            
          }
        ]
            
    const filteredHotels = hotels.filter(hotel=>hotel.country =='USA'&&hotel.stars==5);

Filtering an array of objects based on a specific object in JavaScript

Answer №1

Answer №2

Answer №3

Similar questions

Retrieve a collection of JSON objects using RestAngular

Optimizing Array Comparison in JavaScript and Angular 2

The powerful combination of AJAX and the onbeforeunload event

developing a monorepo without utilizing a package registry and installing through Bitbucket

How can you merge webSDK with jQuery within a Vue Component?

Uploading a collection of objects to Node.js for storage in a database with Mongoose

What could be causing the user object to be undefined in the NextAuth session callback function?

Encountering the "Not all code paths return a value" TypeScript error when attempting to manipulate a response before returning it, however, returning the response directly works without any issues

Arranging an array according to the values of another array in PHP

What is the process for exporting an NPM module for use without specifying the package name?

Display information using AngularJS within the Ionic framework

Using Angular to send JSON data to an API

Is there a way to convert various elements sharing the same class into a list of array items?

Browser refresh not triggering view update in Rails and ReactJS application

Is it just me or is one of these pieces of javascript not functioning properly?

Need help speeding up website load times?

Excessive JSON formatting is consuming an excessive amount of storage space

Verify the presence of data in Firebase using Angular

unable to detect image input type

C# Custom Array Data Grouping