JSFiddle - React, Tailwind, and code Playground

by vaheed akhtar

JavaScript

const arr1 = [
      {
      'filterTitle': 'Catalog',
      'filterData': [
        {
          'key': 'Accessories',
          'value': 'Accessories & Supplies',
          'count': 1,
          'isChecked': false
        }
      ]
    },
    {
      'filterTitle': 'Modality',
      'filterData': [
        {
          'key': 'maternal_infant_care_equipment',
          'value': 'Maternal Infant Care',
          'count': 1,
          'isChecked': false
        }
      ]
    }];
    const arr2 = [{
      k: 'Accessories',
      v: 'Accessories & Supplies'
    }];

    
 /* let res = arr1.map(outer=> {
   return {
    ...outer,
    filterData: outer.filterData.map(inner => {
     return {
     ...inner
     
     }
    }
    )
   }
 })
 console.log(res); */
 
 let oup = arr1.map((outer)=>{
    var filtered= outer.filterData.map((inner)=>{
            let compArrayIndex= arr2.findIndex((item)=>{
return item.k==inner.key
});
    if(compArrayIndex>-1){
      return {...inner,isChecked:true}
    }
     else return inner;
})
  return {...outer,filterData:filtered}
})
console.log(oup);