If you're working with arrays of objects in JavaScript, you may find yourself needing to filter the array based on a specific value. Luckily, JavaScript provides us with a built-in method to do just that: Array.filter() . In this article, we'll explore how to to filter an array of objects by value.

Let's say we have an array of objects representing different people, with properties like "name", "age", and "occupation". We want to filter this array to only include people who are over the age of 30. Here's how we could do it:

const people = [
  { name: "Alice", age: 25, occupation: "Engineer" },
  { name: "Bob", age: 35, occupation: "Teacher" },
  { name: "Charlie", age: 42, occupation: "Doctor" },
  { name: "Dave", age: 28, occupation: "Writer" },
];

const filteredPeople = people.filter((person) => person.age > 30);

console.log(filteredPeople);
// Output: [{ name: "Bob", age: 35, occupation: "Teacher" }, { name: "Charlie", age: 42, occupation: "Doctor" }]

Here, we're using the filter() method on the people array, and passing in a function as an argument. This function takes each object in the array as its argument (which we've named person), and returns a boolean value indicating whether that object should be included in the filtered array.

In this case, we're using a simple comparison to check if the person's age is greater than 30. If it is, the function returns true, and the person is included in the filtered array. If not, the function returns false, and the person is excluded.

This is just one example of how you can use Array.filter() to filter an array of objects by value. Depending on your specific use case, you may need to use more complex comparison logic or filter on different properties of the objects in the array. But with Array.filter( as your tool, you'll be able to filter your arrays with ease.

Trying to simplify this as much as possible from a bigger example.

I am trying to filter through an array of objects (productList) by matching against an array of strings.

Ex:

productList = [
    {
        id: 0,
        productName: "Women's Merrell Hiking Boots",
        price: 65.00,
        brand: "Merrell",
        mainCategory: "Footwear",
        color: "green"
    },
    {
        id: 1,
        productName: "Natural Walking Stick",
        price: 22.00,
        brand: "Fayet",
        mainCategory: "Outdoors"
    }
]

I have a function that builds an array of strings by clicking on checkboxes which comes out to the following (checkedCount).

checkedCount = ["Merrell", "Fayet", "Outdoors"]

Is there a way to filter through the product list to see if an array of string values match a product list value?

I have the following, but I am minimized to a single key at a time ("brand" in this case).

productList.filter(product => product.brand.includes(checkedCount))

Is there some way to make this more generic where I could say and product key?
Ex:

productList.filter(product => product.[AnyKeyFromProductList like id, productName, price, brand, mainCategory].includes(checkedCount))