JavaScript Array Object Multi Level Search Value

Question

I want to search in JavaScript multi-level array object.

[{ "head": "Heading 1", "list": [ { "name": "name 1", "desc": "desc 1" },{ "name": "name 1", "desc": "desc 1" }] },{ "head": "Heading 2", "list": [ { "name": "name 1", "desc": "desc 1" },{ "name": "name 1", "desc": "desc 1" }] }]

If we search for "Heading 2"

Expected Result :

[{ "head": "Heading 2", "list": [ { "name": "name 1", "desc": "desc 1" },{ "name": "name 1", "desc": "desc 1" }] }]

If we search for "name 1"

Expected Result :

[{ "head": "Heading 1", "list": [ { "name": "name 1", "desc": "desc 1" },{ "name": "name 1", "desc": "desc 1" }] },{ "head": "Heading 2", "list": [ { "name": "name 1", "desc": "desc 1" },{ "name": "name 1", "desc": "desc 1" }] }]

Looking for an optimized way to do this search. Can anyone help me with this problem?

UPDATED: Invalid JSON Format

please add what you have tried, and what does not work. please have a look here, too: [mcve] — Nina Scholz, Feb 06 '19 at 08:40
[How much effort is expected of Stack Overflow users?](https://meta.stackoverflow.com/a/261593/3082296) — adiga, Feb 06 '19 at 08:56

score 0 · Accepted Answer · answered Feb 06 '19 at 10:03

You could take an recursive search for the wanted value of a nested value of a given object.

function filter(array, value) {
    function find(object) {
        return Object
            .values(object)
            .some(v => v === value || v && typeof v === 'object' && find(v));
    }

    return array.filter(find);
}

var array = [{ head: "Heading 1", list: [{ name: "name 1", desc: "desc 1" }, { name: "name 1", desc: "desc 1" }] }, { head: "Heading 2", list: [{ name: "name 1", desc: "desc 1" }, { name: "name 1", desc: "desc 1" }] }]

console.log(filter(array, "Heading 2"));
console.log(filter(array, "name 1"));

.as-console-wrapper { max-height: 100% !important; top: 0; }

JavaScript Array Object Multi Level Search Value

1 Answers1