title: Comparing two Arrays containing objects in Vanilla JS
body: <p>I have two object arrays and I need to filter based on the property I have.</p>
  
  <pre><code>   var port = [
        {
           name: 'Cali',
           type:'Mine',
           location = {
              lat: '89.9939',
              lon: '-79.9999'
           }
        },
        {
           name: 'Denver',
           type:'Port',
           location = {
              lat: '67.9939',
              lon: '-85.9999'
           }
        },
        {
           name: 'Seattle',
           type:'Port',
           location = {
              lat: '167.9939',
              lon: '-85.9999'
           }
        },
        ...........
     ]
  </code></pre>
  
  <p>And have another object as </p>
  
  <pre><code>   var child = [
      {
        lat: '89.9939',
        lon: '-79.9999'
      },
  
      {
        lat: '67.9939',
        lon: '-85.9999'
       }
       ]
  </code></pre>
  
  <p>I am using filter </p>
  
  <pre><code>   var result = port.filter( function(el){
                      return    el.location.lat === child.lat
                  });
  </code></pre>
  
  <p>How can i loop for my second array.  My data is fairly large in this case. </p>