JSFiddle - React, Tailwind, and code Playground

by dshilkret

HTML

<div id="result">

</div>

JavaScript

var data = [
       {
        "digital_assets": [
          {
            "id": "AA001",
            "url": "https://via.placeholder.com/150"
          },
          {
            "id": "AA002",
            "url": "https://via.placeholder.com/150"
          },
          {"fields":{"Title":{"name":"Title","display":true,"required":true,"field_type_options":"string","value":"Screenshot_20230725_092727_Wakey.jpg"},"Comments":{"name":"Comments","display":true,"required":false,"field_type_options":"note","value":"test 2"},"SN_ID":{"name":"SN_ID","display":false,"required":false,"field_type_options":"string","value":"TASK0100006"}}}
        ]
      },
      {
        "products": [
          {
            "id": ["BB001", "AA001"],
            "ProductName": "PROD 485"
          },
          {
            "id": ["BB002","AA002"],
            "ProductName": "PROD 555"
          }
        ]
      }
    ]
let matchingIds = [];
let data_assetsObject = data.find(element => {
	return Object.keys(element).includes("fields")
})
let productsObject = data.find(element => {
	return Object.keys(element).includes("products")
})
data_assetsObject["digital_assets"].forEach(da => {
	productsObject["products"].forEach(product => {
  	if (product.id.includes(da.view)){
    	matchingIds.push({
      	url: da.url,
        productName: product.ProductName
      })
    }
  })
})
console.log(matchingIds);
document.getElementById('result').innerHTML = JSON.stringify(matchingIds)