How to find a value in a nested array based on another value?

Question

I am working on nested array and try to find a value inside the nested array based on another value. I want to find the OptionCode of the currently active filters.

filters = [
      {
        FilterCode: "TourPrice",
        FilterName: "Tour Price",
        Options: [
          { Name: "Free", OptionCode: "Free", active: false, blocked: false },
          { Name: "Paid", OptionCode: "Paid", active: false, blocked: false },
          {
            Name: "Free and Paid",
            OptionCode: "FreeAndPaid",
            active: true, //Find OptionCode Here
            blocked: false,
          },
        ],
      },
      {
        FilterCode: "SortedBy",
        FilterName: "Sorted By",
        Options: [
          {
            Name: "Most Relevant",
            OptionCode: "MostRelevant",
            active: true, // Find OptionCode Here
            blocked: false,
          },
          {
            Name: "Latest Tour",
            OptionCode: "LatestTour",
            active: false,
            blocked: false,
          },
          {
            Name: "Oldest Tour",
            OptionCode: "OldestTour",
            active: false,
            blocked: false,
          },
          {
            Name: "Lowest Price",
            OptionCode: "LowestPrice",
            active: false,
            blocked: false,
          },
        ],
      },
    ],

For the above array the expected outcome should be somthing like ["FreeAndPaid","MostRelevant"]

Emanuele · Accepted Answer · 2021-04-23 07:04:13Z

If every filter has an active option, you can use

console.log(filters.map(filter => filter.Options.find(option => option.active).OptionCode))

filters = [
      {
        FilterCode: "TourPrice",
        FilterName: "Tour Price",
        Options: [
          { Name: "Free", OptionCode: "Free", active: false, blocked: false },
          { Name: "Paid", OptionCode: "Paid", active: false, blocked: false },
          {
            Name: "Free and Paid",
            OptionCode: "FreeAndPaid",
            active: true, //Find OptionCode Here
            blocked: false,
          },
        ],
      },
      {
        FilterCode: "SortedBy",
        FilterName: "Sorted By",
        Options: [
          {
            Name: "Most Relevant",
            OptionCode: "MostRelevant",
            active: true, // Find OptionCode Here
            blocked: false,
          },
          {
            Name: "Latest Tour",
            OptionCode: "LatestTour",
            active: false,
            blocked: false,
          },
          {
            Name: "Oldest Tour",
            OptionCode: "OldestTour",
            active: false,
            blocked: false,
          },
          {
            Name: "Lowest Price",
            OptionCode: "LowestPrice",
            active: false,
            blocked: false,
          },
        ],
      },
    ]
console.log(filters.map(filter => filter.Options.find(option => option.active).OptionCode))

Greedo · Accepted Answer · 2021-04-23 07:16:09Z

You can use high order function: Reduce, Map and Filter for a clean one-line result:

let filters = [
      {
        FilterCode: "TourPrice",
        FilterName: "Tour Price",
        Options: [
          { Name: "Free", OptionCode: "Free", active: false, blocked: false },
          { Name: "Paid", OptionCode: "Paid", active: false, blocked: false },
          {
            Name: "Free and Paid",
            OptionCode: "FreeAndPaid",
            active: true, //Find OptionCode Here
            blocked: false,
          },
        ],
      },
      {
        FilterCode: "SortedBy",
        FilterName: "Sorted By",
        Options: [
          {
            Name: "Most Relevant",
            OptionCode: "MostRelevant",
            active: true, // Find OptionCode Here
            blocked: false,
          },
          {
            Name: "Latest Tour",
            OptionCode: "LatestTour",
            active: false,
            blocked: false,
          },
          {
            Name: "Oldest Tour",
            OptionCode: "OldestTour",
            active: false,
            blocked: false,
          },
          {
            Name: "Lowest Price",
            OptionCode: "LowestPrice",
            active: false,
            blocked: false,
          },
        ],
      },
    ];
    
    
 let output = filters.reduce((out, f) => out.concat(f.Options.filter(o => o.active).map(o => o.OptionCode)), []);
 
 console.log(output)

Renu Yadav · Accepted Answer · 2021-04-23 07:02:14Z

0

1:- Get all options first 2:- Then you can filter options like this

const allOptions = filters.map(filter => (...filter.options) )

const requiredOptionCodes = options.filter(option => option.active === true )

answered Apr 23, 2021 at 7:02

Renu Yadav

1494 bronze badges

Comments

Shubham Periwal · Accepted Answer · 2021-04-23 07:04:32Z

0

To build on Renu Yadav's answer: If you want to return OptionCodes only, add a .map() to get OptionCode from all the options:

const requiredOptionCodes = options.filter(option => option.active === true ).map((option) => {return option['OptionCode']})

answered Apr 23, 2021 at 7:04

Shubham Periwal

2,2582 gold badges10 silver badges29 bronze badges

Collectives™ on Stack Overflow

How to find a value in a nested array based on another value?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related