title: How to Compare Two Tables by value
body: <p>I need to compare these tables. First compare by value and make the difference. Second if not exist so show not exist. If you see the image attached. In second table there is two persons with same info but different age, and in first table there is one person with same info like in second table. I need to show not exist in first table. I need result to look like image attached
  <a href="https://i.stack.imgur.com/qVTrM.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qVTrM.jpg" alt="enter image description here" /></a></p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>    const firstArr = [
          { partNo: '1',name: 'Per', age: '35'},
          { partNo: '3',name: 'Tom', age: '27'},
          {partNo: '6', name: 'Alex',age: '18'}
      ]
      const secondArr = [
          { partNo: '1', name: 'Per', age: '33'},
          { partNo: '3', name: 'Tom', age: '27'},
          { partNo: '6', name: 'Alex', age: '18'},
          { partNo: '6',  name: 'Alex', age: '22'}
      ]
  
  
  let table1 = `&lt;table&gt;&lt;tr&gt;&lt;th&gt;PartNo&lt;/th&gt;&lt;th&gt;Name&lt;/th&gt;&lt;th&gt;Age&lt;/th&gt;&lt;/tr&gt;`
  let table2 = `&lt;table&gt;&lt;tr&gt;&lt;th&gt;PartNo&lt;/th&gt;&lt;th&gt;Name&lt;/th&gt;&lt;th&gt;Age&lt;/th&gt;&lt;/tr&gt;`
  
  for (let i = 0; i &lt; firstArr.length; i++) {   
  for (let j = 0; j &lt; secondArr.length; j++) {
      table1 += `&lt;tr&gt;&lt;td&gt;${firstArr[i].partNo}&lt;/td&gt;&lt;td&gt;${firstArr[i].name}&lt;/td&gt;&lt;td&gt;${firstArr[i].age}&lt;/td&gt;&lt;/tr&gt;`
      table2 +=  `&lt;tr&gt;&lt;td&gt;${secondArr[j].partNo}&lt;/td&gt;&lt;td&gt;${secondArr[j].name}&lt;/td&gt;&lt;td&gt;${secondArr[j].age}&lt;/td&gt;&lt;/tr&gt;`
  }
  }
  table1 += `&lt;/table&gt;`
  table2 += `&lt;/table&gt;`
  document.getElementById('firstTable').innerHTML = table1
  document.getElementById('secondTable').innerHTML = table2</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div style="display: flex;"&gt;
  &lt;div id="firstTable"&gt;&lt;/div&gt;
  &lt;div&gt;''''''''&lt;/div&gt;
  &lt;div id="secondTable"&gt;&lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>