Retrieve corresponding values from a nested array in JavaScript

Question

Retrieve corresponding values from a nested array in JavaScript

I'm struggling to extract specific cars from a list in Javascript.

Here is the list of cars:

const cars = [
  {
    id: 1,
    brand: "Mercedes Benz",
    properties: [
    {
      property: "Mechanical",
      value: 2,
    },
    {
      property: "Chemical",
      value: 2,
    },
    {
      property: "Pressure",
      value: 3,
    }],
  },
  
  {
    id: 2,
    brand: "BMW",
    properties: [
    {
      property: "Mechanical",
      value: 5,
    },
    {
      property: "Chemical",
      value: 3,
    },
    {
      property: "Pressure",
      value: 6,
    }],
  }
]

To achieve this, I am looking for cars that have a particular property with a value greater than X

For example, if I specify 'Mechanical' as the property and '3' as the value, I should get back the entire object with id 2

Does anyone have any suggestions? This has been quite challenging for me

Apologies for the formatting issues with the code, I'm having trouble posting it formatted on StackOverflow.

Tip: Try pasting it into a Node REPL ;)

Thank you in advance

javascript list ecmascript-6 nested-loops nested-lists

Answer 1

Answer №1

Try using the filter method:

const targetFeature = "Mechanical";
const minThreshold = 3;

const relevantItems = items.filter(item =>
    item.attributes.some(
        attr => attr.attribute === targetFeature && attr.value >= minThreshold
    )
);

If you only need the first matching item instead of an array, switch out filter with find.

Answer 2

Try using the filter method:

const targetFeature = "Mechanical";
const minThreshold = 3;

const relevantItems = items.filter(item =>
    item.attributes.some(
        attr => attr.attribute === targetFeature && attr.value >= minThreshold
    )
);

If you only need the first matching item instead of an array, switch out filter with find.

Answer 3

Answer №2

To filter out cars with properties greater than a specified value, you can define the propGreaterThan function. This function takes the desired property and the minimum value it should exceed as parameters. By utilizing the filter method on the array of cars and then using the find method on the properties array within each car object, you can identify the relevant cars.

const vehicles = [
  {
    id: 1,
    brand: "Audi",
    properties: [
    {
      property: "Weight",
      value: 3000,
    },
    {
      property: "Horsepower",
      value: 400,
    },
    {
      property: "Torque",
      value: 350,
    }],
  },
  
  {
    id: 2,
    brand: "Toyota",
    properties: [
    {
      property: "Weight",
      value: 2500,
    },
    {
      property: "Horsepower",
      value: 200,
    },
    {
      property: "Torque",
      value: 275,
    }],
  }
]

function propGreaterThan(prop, num) {
  return vehicles.filter(vehicle => {
    return vehicle.properties.find(p => p.property === prop).value > num;
  });
}

console.log(
  propGreaterThan("Horsepower", 250)
)

Answer 4

To filter out cars with properties greater than a specified value, you can define the propGreaterThan function. This function takes the desired property and the minimum value it should exceed as parameters. By utilizing the filter method on the array of cars and then using the find method on the properties array within each car object, you can identify the relevant cars.

const vehicles = [
  {
    id: 1,
    brand: "Audi",
    properties: [
    {
      property: "Weight",
      value: 3000,
    },
    {
      property: "Horsepower",
      value: 400,
    },
    {
      property: "Torque",
      value: 350,
    }],
  },
  
  {
    id: 2,
    brand: "Toyota",
    properties: [
    {
      property: "Weight",
      value: 2500,
    },
    {
      property: "Horsepower",
      value: 200,
    },
    {
      property: "Torque",
      value: 275,
    }],
  }
]

function propGreaterThan(prop, num) {
  return vehicles.filter(vehicle => {
    return vehicle.properties.find(p => p.property === prop).value > num;
  });
}

console.log(
  propGreaterThan("Horsepower", 250)
)

Retrieve corresponding values from a nested array in JavaScript

Answer №1

Answer №2

Similar questions

Ways to extract input values from a specific row in a textbox as users input data

How can you convert all nodes of a nested JSON tree into class instances in Angular 2 using Typescript?

Can you explain the meaning behind this TypeScript variable declaration syntax?

Divide a JSON dataset into two distinct JSON files and incorporate them within the code

Tooltipster fails to function with elements that are dynamically created

Plaid webhook failing to activate

Don't pay attention to jquery.change

Prevent any http requests until an observable completes its task

Utilize JavaScript to establish an object with key and value pairings

Issues with $routeProvider in a web page hosted by Express.js

Arrays causing Typescript compilation errors

Strategies for managing asynchronous forEach loops, inserting outcomes into a database, and displaying the finalized dataset

Determine the mean values to showcase at the center of a D3 donut graph

You can eliminate the display flex property from the MuiCollapse-wrapper

Issue with Angular: boolean value remains unchanged

Unlocking the potential of the ‘Rx Observable’ in Angular 2 to effectively tackle double click issues

Automate scrolling to the rightmost column in a table

What are the steps to implementing the jQuery live() function in this particular code?

Deactivate tag Script using JQuery

What could be causing the server to return an empty response to an ajax HTTP POST request?