How do I find the field I want in a nested array?

Question

I want to write a method that returns the name field of the person whose color id I entered. How do I do this? For example, when I type 97, the name "Veli" will give to me.

const data = [
    {
        id: 1,
        name: "Ali",
        colorList: [
            {
                id: 99,
                color_name: 'yellow',
            }
        ],     
    },
    {
        id: 2,
        name: "Veli",
        colorList: [
            {
                id: 98,
                color_name: 'red',
            },
            {
                id: 97,
                color_name: 'blue',
            },
        ]
    }
]

score 0 · Answer 1 · answered Nov 30 '22 at 08:15

You can do it by using .filter() and .some()

const arr = [{ id: 1, name: "Ali", colorList: [{ id: 99, color_name: 'yellow', }], }, { id: 2, name: "Veli", colorList: [{ id: 98, color_name: 'red', }, { id: 97, color_name: 'blue', }, ] } ];
const find = (target)=>arr.filter(({name, colorList:cl})=>cl.some(o=>o.id === target)).map(it=>it.name);
console.log(find(97));

score 0 · Answer 2 · answered Nov 30 '22 at 08:17

We can use Array.find() and Array.some() to do it

let data =   [{
              id: 1,
              name: "Ali",
              colorList: [
                {
                  id: 99,
                  color_name: 'yellow',
                }
              ],
              
            },
            {
              id: 2,
              name: "Veli",
              colorList: [
                {
                  id: 98,
                  color_name: 'red',
                },
                {
                  id: 97,
                  color_name: 'blue',
                },
              ]
            }]
            
const filterData = (value,param) => {
  return value.find(v1 => v1.colorList.some(v2 => v2.id === param)).name
}           
            
console.log(filterData(data,97))

How do I find the field I want in a nested array?

2 Answers2