JSFiddle - React, Tailwind, and code Playground

by houssamk

HTML

<div id="test_active">
</div>
<hr/>
<div id="test_inactive">
</div>

JavaScript

// var payload = mc.getPayloadJSON;  
  var payload = {"Assets":{"Asset":[{"Id":"AAFOqvAEQAABNUHAAM","OrderNo":"1534494","PurchaseOrderNo":"4500348118","ItemNo":"5890-47ZC-00A0","SerialNo":"X012GW02A0065","AccountCode":"4588933","PtoModelNo":"SRS-LYNC-M-DUAL","ShippedDate":"2015-06-05-06:00","WarrantyEndDate":null,"OrderedQuantity":"1","OrderDate":"2015-05-28-06:00"},{"Id":"AAFOqvAEQAABNUHAAN","OrderNo":"1534494","PurchaseOrderNo":"4500348118","ItemNo":"5890-47ZC-00A0","SerialNo":"X012GW14A0044","AccountCode":"4588933","PtoModelNo":"SRS-LYNC-M-DUAL","ShippedDate":"2015-06-05-06:00","WarrantyEndDate":null,"OrderedQuantity":"1","OrderDate":"2015-05-28-06:00"},{"Id":"YYYYYYYYYYY22","OrderNo":"1534494","PurchaseOrderNo":"4500348118","ItemNo":"5890-47ZC-00A0","SerialNo":"YYYYYYYYYYYYY","AccountCode":"4588933","PtoModelNo":"SRS-LYNC-M-DUAL","ShippedDate":"2015-06-05-06:00","WarrantyEndDate":null,"OrderedQuantity":"1","OrderDate":"2015-05-28-06:00"},{"Id":"XXXXXXXXXXX11","OrderNo":"1534494","PurchaseOrderNo":"4500348118","ItemNo":"5890-47ZC-00A0","SerialNo":"XXXXXXXXXXXXX","AccountCode":"4588933","PtoModelNo":"SRS-LYNC-M-DUAL","ShippedDate":"2015-06-05-06:00","WarrantyEndDate":null,"OrderedQuantity":"1","OrderDate":"2015-05-28-06:00"}]}};
  
var activeSerialNrs = 'X012GW02A0065,X012GW14A0044'
// loop through and remove inexisting ones, add ROWID to inactiveAssets array. Add the rest to activeAssets
var inactiveAssets = [];
var activeAssets = [];
payload.Assets.Asset.map(function(element){
    	if (activeSerialNrs.indexOf(element.SerialNo) == -1){
      	inactiveAssets.push(element.Id);
      } else {
      	activeAssets.push(element);
      }
    });
// replace payload with new one
payload.Assets.Asset = activeAssets;
$('#test_active').text(JSON.stringify(activeAssets));
$('#test_inactive').text(JSON.stringify(inactiveAssets));