How get items in object which contains in nested array given value

Question

How I have some nested array of object, And I tried to get matched items with some value which stored in the nested object in this object and there is have nested array also.

Eg:

my data:

const items = [
    {
      name: "A",
      data: {
        title: "B",
        subData: {
           val: "AA", 
           anotherData: {
               subC: [
                   {
                    name: "Data Item", 
                    fruits: ["Apple"]
                   }, 
                   {
                    name: "Data Item 2", 
                    fruits: ["Orange"]
                    }
                   ]
              }
        }
      } 
    },
    {
      name: "A",
      data: {
        title: "B",
        subData: {
           val: "AA", 
           anotherData: {
               subC: [
                   {
                    name: "Data Item", 
                    fruits: ["Apple"]
                   }, 
                   {
                    name: "Data Item 2", 
                    fruits: ["Orange"]
                    }
                   ]
              }
        }
      } 
    }
]

Here is my data I have a value of fruit eg: "Apple", and I need to get all items which contain Apple fruits array

how to do that with the es6 map or filter function?.

I tried this solution but getting undefined

 const v =  items.map((item) => {
        return item;
      }).map((a) => {
        return a.data.subData.anotherData
      }).map((b) => {
      console.log("b", b)
         return b
       }).map((x) => {
      return  x
    }).filter((o) => {
      return o.fruits.contains["Apple"]
    });

Can you, given the provided sample data, also provide an example expected output? What do you want returned when an array containing "apple" is found? — Drew Reese
– Drew Reese, Commented Nov 18, 2020 at 8:03
I want to return the root item from this. soo root items which matched with "Apple" in fruits. — user3348410
– user3348410, Commented Nov 18, 2020 at 8:10

Terry Lennox · Accepted Answer · 2020-11-18 08:14:19Z

1

We can use Array.filter and Array.some

We filter items by checking if the subC array contains some data items containing the desired search item.

const items = [ { name: "A", data: { title: "B", subData: { val: "AA", anotherData: { subC: [ { name: "Data Item", fruits: ["Apple"] }, { name: "Data Item 2", fruits: ["Orange"] } ] } } } }, { name: "A", data: { title: "B", subData: { val: "AA", anotherData: { subC: [ { name: "Data Item", fruits: ["Apple"] }, { name: "Data Item 2", fruits: ["Orange"] } ] } } } } ] 

function findItems(searchItem) {
    return items.filter(item => { 
        return item.data.subData.anotherData.subC.some(di => di.fruits.includes(searchItem));
    })
}

console.log("Items containing Apple:", findItems("Apple"))

// Or Oranges
console.log("Items containing Orange:", findItems("Orange"))

edited Nov 18, 2020 at 8:14

answered Nov 18, 2020 at 8:06

Terry Lennox

30.9k5 gold badges36 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user3348410 Over a year ago

It's a very nice approach, but I want to return the root item from this. soo root items which matched with "Apple" in fruits. it's given to me subC items only

user3348410 Over a year ago

It's a very beautiful solution, you help me a lot. Thank you very much!

Drew Reese · Accepted Answer · 2020-11-18 08:18:59Z

Filter the array for an item that has the nested sub-state with a fruits array that includes "apple". This is a case-insensitive search.

items.filter((item) =>
  item.data.subData.anotherData.subC.some((el) =>
    el.fruits.some((fruit) => fruit.toLowerCase() === "apple")
  )
);

const items = [
  {
    name: "A",
    data: {
      title: "B",
      subData: {
        val: "AA",
        anotherData: {
          subC: [
            {
              name: "Data Item",
              fruits: ["Apple"]
            },
            {
              name: "Data Item 2",
              fruits: ["Orange"]
            }
          ]
        }
      }
    }
  },
  {
    name: "A",
    data: {
      title: "B",
      subData: {
        val: "AA",
        anotherData: {
          subC: [
            {
              name: "Data Item",
              fruits: ["Apple"]
            },
            {
              name: "Data Item 2",
              fruits: ["Orange"]
            }
          ]
        }
      }
    }
  }
];

const result = items.filter((item) =>
  item.data.subData.anotherData.subC.some((el) =>
    el.fruits.some((fruit) => fruit.toLowerCase() === "apple")
  )
);

console.log(result);

Collectives™ on Stack Overflow

How get items in object which contains in nested array given value

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related