JSFiddle - React, Tailwind, and code Playground

by littlechad

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>

JavaScript

const products = [{
  "variants": [
    {
      "format": {
        "name": "online ad",
        "id": "5889c036876a8a11005e24f6"
      },
      "price": "20000001",
    },
    {
      "format": {
        "name": "simple creative",
        "id": "5889c054876a8a11005e24f8"
      },
      "price": "20000002"
    }
  ],
  "name": "product name 1",
  "slug": "product-name-1"
}, {
  "variants": [
    {
      "format": {
        "name": "online ad",
        "id": "5889c036876a8a11005e24f6"
      },
      "price": "20000003"
    }
  ],
  "name": "product name 2",
  "slug": "product-name-2"
}]

var output = _.filter(products, function(job) { 

  return  _.chain(job.variants)
    .filter(function(variant){
      return variant.format.id === "5889c036876a8a11005e24f6"
    })
    .size()
    .gt(0)
    .value()
})
console.log('output => ', output)