Filtering deeply nested arrays

Question

Filtering deeply nested arrays

Hey, I'm working with this interesting array:

   [ {
        "Navn": "Long Island Iced Tea",
        "Nummer": "2",
        "Glas i ml": "250",
        "Instruktioner": "",
        "a": "Hæld is i glasset",
        "b": "pynt med en skive lime",
        "Ingredienser": [
            {
                "Type": "Spiritus",
                "Del1": [
                    {
                        "Cointreau": 20
                    }
                ],
                "Del2": [
                    {
                        "Gin": 20
                    }
                ],
                "Del3": [
                    {
                        "Rom_Lys": 20
                    }
                ],
                "Del4": [
                    {
                        "Tequila": 20
                    }
                ],
                "Del5": [
                    {
                        "Vodka": 20
                    }
                ]
            },
            {
                "Type": "Vand/Juice",
                "Del1": [
                    {
                        "Cola": 40
                    }
                ],
                "Del2": [
                    {
                        "Sprite": 20
                    }
                ]
            },
            {
                "Type": "Mixer",
                "Del1": [
                    {
                        "Lime_Sirup": 20
                    }
                ]
            }
        ]
    }]

This is specifically for a Cocktailmachine.

I'm trying to filter it by "Del1" and search for ingredients like "Rom_Lys," "Cola," and "Vodka" to create a new array with these specific items.

I've looked around different resources but haven't found a solution yet. Experimented with filters and includes, but no luck so far.

Thank you for any help!

javascript arrays json sorting

Answer 1

Answer №1

To find items that contain the word Cola, you can utilize the filter and some methods:

const filterWord = 'Cola';

const result = sampleData.filter(s => 
    s.Ingredienser.some(s => 
        s.Del1.some( e=> e[filterWord])));

console.log(result);

For example:

let sampleData = [
{
    "Navn": "Rom & Cola/ Cuba Libre",
    "Nummer": "0",
    "Glas i ml": "200",
    "Instruktioner": "",
    "a": "Hæld is i glasset",
    "b": "pynt med en skive citron",
    "Ingredienser": [
        {
            "Type": "Spiritus",
            "Del1": [
                {
                    "Rom_Lys": 40
                }
            ]
        },
        {
            "Type": "Vand/Juice",
            "Del1": [
                {
                    "Cola": 100
                }
            ]
        },
        {
            "Type": "Mixer",
            "Del1": [
                {}
            ]
        }
    ]
},
{
    "Navn": "Isbjørn",
    "Nummer": "1",
    "Glas i ml": "200",
    "Instruktioner": "",
    "a": "Hæld is i glasset",
    "b": "pynt med en skive citron",
    "Ingredienser": [
        {
            "Type": "Spiritus",
            "Del1": [
                {
                    "Vodka": 30
                }
            ]
        },
        {
            "Type": "Vand/Juice",
            "Del1": [
                {
                    "Sprite": 60
                }
            ]
        },
        {
            "Type": "Mixer",
            "Del1": [
                {
                    "Blå_Sirup": 30
                }
            ]
        }
    ]
}];


const filterWord = 'Cola';
const result = sampleData.filter(s => s.Ingredienser.some(s => s.Del1.some( e=> e[filterWord])));
console.log(result);

UPDATE:

If you need to check for multiple keys, you can use the hasOwnProperty method to determine if the object contains a specific key:

const filters = ['Cointreau', 'Gin', 'Rom_Lys'];
const result = sampleData.filter(s =>
    s.Ingredienser.some(ingred => {
        return Object.keys(ingred).some(k=> {
            if (Array.isArray(ingred[k])) {
                return ingred[k].some(s=> filters.some(f=> {
                    return s.hasOwnProperty(f);
                }))
            }
        });
    }
));

Here's an example:

let sampleData = [ {
"Navn": "Long Island Iced Tea",
"Nummer": "2",
"Glas i ml": "250",
"Instruktioner": "",
"a": "Hæld is i glasset",
"b": "pynt med en skive lime",
"Ingredienser": [
    {
        "Type": "Spiritus",
        "Del1": [
            {
                "Cointreau": 20
            }
        ],
        "Del2": [
            {
                "Gin": 20
            }
        ],
        "Del3": [
            {
                "Rom_Lys": 20
            }
        ],
        "Del4": [
            {
                "Tequila": 20
            }
        ],
        "Del5": [
            {
                "Vodka": 20
            }
        ]
    },
    {
        "Type": "Vand/Juice",
        "Del1": [
            {
                "Cola": 40
            }
        ],
        "Del2": [
            {
                "Sprite": 20
            }
        ]
    },
    {
        "Type": "Mixer",
        "Del1": [
            {
                "Lime_Sirup": 20
            }
        ]
    }
]
}];

const filters = ['Cointreau', 'Gin', 'Rom_Lys'];
const result = sampleData.filter(s =>
s.Ingredienser.some(ingred => {
    return Object.keys(ingred).some(k=> {
        if (Array.isArray(ingred[k])) {
            return ingred[k].some(s=> filters.some(f=> {
                return s.hasOwnProperty(f);
            }))
        }
    });
}
));
console.log(result);

Answer 2

To find items that contain the word Cola, you can utilize the filter and some methods:

const filterWord = 'Cola';

const result = sampleData.filter(s => 
    s.Ingredienser.some(s => 
        s.Del1.some( e=> e[filterWord])));

console.log(result);

For example:

let sampleData = [
{
    "Navn": "Rom & Cola/ Cuba Libre",
    "Nummer": "0",
    "Glas i ml": "200",
    "Instruktioner": "",
    "a": "Hæld is i glasset",
    "b": "pynt med en skive citron",
    "Ingredienser": [
        {
            "Type": "Spiritus",
            "Del1": [
                {
                    "Rom_Lys": 40
                }
            ]
        },
        {
            "Type": "Vand/Juice",
            "Del1": [
                {
                    "Cola": 100
                }
            ]
        },
        {
            "Type": "Mixer",
            "Del1": [
                {}
            ]
        }
    ]
},
{
    "Navn": "Isbjørn",
    "Nummer": "1",
    "Glas i ml": "200",
    "Instruktioner": "",
    "a": "Hæld is i glasset",
    "b": "pynt med en skive citron",
    "Ingredienser": [
        {
            "Type": "Spiritus",
            "Del1": [
                {
                    "Vodka": 30
                }
            ]
        },
        {
            "Type": "Vand/Juice",
            "Del1": [
                {
                    "Sprite": 60
                }
            ]
        },
        {
            "Type": "Mixer",
            "Del1": [
                {
                    "Blå_Sirup": 30
                }
            ]
        }
    ]
}];


const filterWord = 'Cola';
const result = sampleData.filter(s => s.Ingredienser.some(s => s.Del1.some( e=> e[filterWord])));
console.log(result);

UPDATE:

If you need to check for multiple keys, you can use the hasOwnProperty method to determine if the object contains a specific key:

const filters = ['Cointreau', 'Gin', 'Rom_Lys'];
const result = sampleData.filter(s =>
    s.Ingredienser.some(ingred => {
        return Object.keys(ingred).some(k=> {
            if (Array.isArray(ingred[k])) {
                return ingred[k].some(s=> filters.some(f=> {
                    return s.hasOwnProperty(f);
                }))
            }
        });
    }
));

Here's an example:

let sampleData = [ {
"Navn": "Long Island Iced Tea",
"Nummer": "2",
"Glas i ml": "250",
"Instruktioner": "",
"a": "Hæld is i glasset",
"b": "pynt med en skive lime",
"Ingredienser": [
    {
        "Type": "Spiritus",
        "Del1": [
            {
                "Cointreau": 20
            }
        ],
        "Del2": [
            {
                "Gin": 20
            }
        ],
        "Del3": [
            {
                "Rom_Lys": 20
            }
        ],
        "Del4": [
            {
                "Tequila": 20
            }
        ],
        "Del5": [
            {
                "Vodka": 20
            }
        ]
    },
    {
        "Type": "Vand/Juice",
        "Del1": [
            {
                "Cola": 40
            }
        ],
        "Del2": [
            {
                "Sprite": 20
            }
        ]
    },
    {
        "Type": "Mixer",
        "Del1": [
            {
                "Lime_Sirup": 20
            }
        ]
    }
]
}];

const filters = ['Cointreau', 'Gin', 'Rom_Lys'];
const result = sampleData.filter(s =>
s.Ingredienser.some(ingred => {
    return Object.keys(ingred).some(k=> {
        if (Array.isArray(ingred[k])) {
            return ingred[k].some(s=> filters.some(f=> {
                return s.hasOwnProperty(f);
            }))
        }
    });
}
));
console.log(result);

Answer 3

Answer №2

Consider utilizing the code snippet below to effectively filter the array.

let filteredArray = myArray.filter(function(item) {
    for (let i = 0; i < item.ingredients.length; i++) {
        if (item.ingredients[i].Category1[0].hasKey(selectedOption)) {
            return true;
        }
    }
    return false;
});

Answer 4

Consider utilizing the code snippet below to effectively filter the array.

let filteredArray = myArray.filter(function(item) {
    for (let i = 0; i < item.ingredients.length; i++) {
        if (item.ingredients[i].Category1[0].hasKey(selectedOption)) {
            return true;
        }
    }
    return false;
});

Filtering deeply nested arrays

Answer №1

Answer №2

Similar questions

What are the steps to integrate and utilize DefinePlugin within your webpack configuration?

Error encountered while scrolling with a fixed position

Determining the appropriate version of the types package for your needs

"Troubleshooting a callback problem in jQuery involving JavaScript and AJAX

A guide to replacing or customizing standard components in ReactJS

The AbortController feature does not initiate the cancellation of an axios.get request

Perform validation on input by monitoring checkbox changes in Angular 4

Utilize dynamic global variables in React that are provided during runtime, making them unpredictable during the build process

The browser is opting to download the HTML file rather than displaying it

The pagination feature for Swiper is experiencing issues across both desktop and mobile platforms

Is there a way to incorporate the MUI theme color into inline styles?

Ways to retrieve the output parameter in the node mssql

Traversing through stdClass objects and arrays in PHP

`Troubleshooting Firebase Cloud Functions and Cloud Firestore integration`

Error encountered when running the production build server for android in Meteor: TypeError - Unable to access property 'slice' of null

Strange sequence of results coming from Vue.js

TinyMCE is substituting the characters "<" with "<" in the text

Utilize DataTables with a custom search form for enhanced data filtering

Create a spinner control on an HTML webpage with the help of JavaScript

Tap to reveal additional information with the power of Jquery and ajax

Filtering deeply nested arrays

Answer №1

Answer №2

Similar questions

What are the steps to integrate and utilize DefinePlugin within your webpack configuration?

Error encountered while scrolling with a fixed position

Determining the appropriate version of the types package for your needs

"Troubleshooting a callback problem in jQuery involving JavaScript and AJAX

A guide to replacing or customizing standard components in ReactJS

The AbortController feature does not initiate the cancellation of an axios.get request

Perform validation on input by monitoring checkbox changes in Angular 4

Utilize dynamic global variables in React that are provided during runtime, making them unpredictable during the build process

The browser is opting to download the HTML file rather than displaying it

The pagination feature for Swiper is experiencing issues across both desktop and mobile platforms

Is there a way to incorporate the MUI theme color into inline styles?

Ways to retrieve the output parameter in the node mssql

Traversing through stdClass objects and arrays in PHP

`Troubleshooting Firebase Cloud Functions and Cloud Firestore integration`

Error encountered when running the production build server for android in Meteor: TypeError - Unable to access property 'slice' of null

Strange sequence of results coming from Vue.js

TinyMCE is substituting the characters "<" with "&lt;" in the text

Utilize DataTables with a custom search form for enhanced data filtering

Create a spinner control on an HTML webpage with the help of JavaScript

Tap to reveal additional information with the power of Jquery and ajax

TinyMCE is substituting the characters "<" with "<" in the text