Filter an array of objects based on specific conditions that must be met by their children

Question

Filter an array of objects based on specific conditions that must be met by their children

I am facing the challenge of parsing through an array of objects that contain embedded arrays of objects. My goal is to use .filter() to achieve this, but I need to verify if the embedded array includes at least one of several specified object types. Allow me to illustrate using an example:

Imagine an array of Garage objects with a "cars" field, which consists of an array of cars. Each car is represented as an object with an array of qualities. I want to identify the garages that have at least one "fast" car and at least one "tiny" car. It's acceptable for a single car to possess both qualities. How can I efficiently accomplish this task in JavaScript?

garageArray = [
 {
  id: 10,
  cars: [
   {id: 1, qualities: ["fast", "small"]},
   {id: 2, qualities: ["offRoad", "large"]},
   {id: 3, qualities: ["fast", "loud"]}
  ]
 },
 {
  id: 20,
  cars: [
   {id: 4, qualities: ["loud"]},
   {id: 5, qualities: ["fast", "tiny"]}
  ]
 },
 {
  id: 30,
  cars: [
   {id: 6, qualities: ["slow", "small"]},
   {id: 7, qualities: ["offRoad", "tiny"]},
   {id: 8, qualities: ["fast", "loud"]}
  ]
 }
]

The desired outcome should consist of Garages with the ids of 20 and 30.

javascript arrays object

Answer 1

Answer №1

Here is a code snippet that should accomplish the task:

garageArray.filter(garage =>
    garage.cars.some(car => car.qualities.includes("fast")) &&
    garage.cars.some(car => car.qualities.includes("tiny"))
);

For a more versatile solution to match any number of properties, you can use the following code:

const garageArray = [
    {
        id: 10,
        cars: [
            { id: 1, qualities: ["fast", "small"] },
            { id: 2, qualities: ["offRoad", "large"] },
            { id: 3, qualities: ["fast", "loud"] }
        ]
    },
    {
        id: 20,
        cars: [
            { id: 4, qualities: ["loud"] },
            { id: 5, qualities: ["fast", "tiny"] }
        ]
    },
    {
        id: 30,
        cars: [
            { id: 6, qualities: ["slow", "small"] },
            { id: 7, qualities: ["offRoad", "tiny"] },
            { id: 8, qualities: ["fast", "loud"] }
        ]
    }
];

var featuresTofind = ["loud", "fast", "tiny"];

var result = garageArray.filter(function (garage) {
    var featuresFound = featuresTofind.filter(function (feature) {
        return garage.cars.some(function (car) {
            return car.qualities.includes(feature);
        });
    });
    return featuresFound.length === featuresTofind.length;
});

console.log(result);

Answer 2

Here is a code snippet that should accomplish the task:

garageArray.filter(garage =>
    garage.cars.some(car => car.qualities.includes("fast")) &&
    garage.cars.some(car => car.qualities.includes("tiny"))
);

For a more versatile solution to match any number of properties, you can use the following code:

const garageArray = [
    {
        id: 10,
        cars: [
            { id: 1, qualities: ["fast", "small"] },
            { id: 2, qualities: ["offRoad", "large"] },
            { id: 3, qualities: ["fast", "loud"] }
        ]
    },
    {
        id: 20,
        cars: [
            { id: 4, qualities: ["loud"] },
            { id: 5, qualities: ["fast", "tiny"] }
        ]
    },
    {
        id: 30,
        cars: [
            { id: 6, qualities: ["slow", "small"] },
            { id: 7, qualities: ["offRoad", "tiny"] },
            { id: 8, qualities: ["fast", "loud"] }
        ]
    }
];

var featuresTofind = ["loud", "fast", "tiny"];

var result = garageArray.filter(function (garage) {
    var featuresFound = featuresTofind.filter(function (feature) {
        return garage.cars.some(function (car) {
            return car.qualities.includes(feature);
        });
    });
    return featuresFound.length === featuresTofind.length;
});

console.log(result);

Answer 3

Answer №2

One potential inconvenience is having to loop through the cars twice; I trust this is acceptable.

garageArray.filter(garage => {
    return garage.cars.some(car => {
        return car.qualities.includes("fast")
    }) && garage.cars.some(car => {
        return car.qualities.includes("tiny")
    });
})

Answer 4

One potential inconvenience is having to loop through the cars twice; I trust this is acceptable.

garageArray.filter(garage => {
    return garage.cars.some(car => {
        return car.qualities.includes("fast")
    }) && garage.cars.some(car => {
        return car.qualities.includes("tiny")
    });
})

Filter an array of objects based on specific conditions that must be met by their children

Answer №1

Answer №2

Similar questions

Unexpected Error Occurs When Attempting to Update jQuery Version with AJAX Post Request

Is there a way to view a list of URLs all at once in a single window?

Challenge encountered when trying to store AngularJS response in a global variable

Retrieve the final ID of a dynamic div

Retrieve anchor elements from multiple HTML documents

making a request on an object that includes an array representation of another object

Tips for enhancing shadow clarity in three.js

Ways to prevent AJAX from triggering multiple requests

What purpose do controller.$viewValue and controller.$modelValue serve in the Angular framework?

No children were located within the div element

Refreshing MVC5 Partial View with Embedded Document Viewer

Did I incorrectly pass headers in SWR?

I am experiencing difficulty in retrieving the result for the following code snippet

Passing values from a Laravel controller to a Vue component as a prop

Launch a puppeteer instance in gitpod

Guide to dynamically resizing the Monaco editor component using react-monaco-editor

extensive collections with numerous empty slots

Searching for a specific string within an array

Zod: Generate a basic item using default settings

What could be the reason for the Javascript function failing to run?