JSFiddle - React, Tailwind, and code Playground

by Venkatesh Pottabathini

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

JavaScript

var masterTaskReportColumns=[
{
"activityid":1,
"name":"ABC",
"activityTypeId":76
},
{
"activityid":2,
"name":"ABC",
"activityTypeId":76
},
{
"activityid":3,
"name":"ABC",
"activityTypeId":76
}

];

var filterArray=[
{
"componentId":4,
"reportDisplayName":"ABC",
"activityTypeId":76
},
{
"componentId":5,
"reportDisplayName":"ABC",
"activityTypeId":76
},
{
"componentId":6,
"reportDisplayName":"ABC",
"activityTypeId":76
},
{
"componentId":1,
"reportDisplayName":"ABC",
"activityTypeId":76
},
{
"componentId":2,
"reportDisplayName":"ABC",
"activityTypeId":76
},
{
"componentId":3,
"reportDisplayName":"ABC",
"activityTypeId":76
}

];

var activityIDs=[];
$.each(masterTaskReportColumns, function(index,item){
activityIDs.push(item.activityid);

})



var arr = filterArray.filter(function(item){
  return activityIDs.indexOf(item.componentId) === -1;
});


alert(JSON.stringify(arr));