title: How to map an array object with key from different array set in javascript
body: <p>I'm building a small application in <code>VueJS</code> where I'm getting a response in following format:</p>
  
  <pre><code>"meeting_summaries":[
      {
          "interaction_id":22,
          "nature":"1",
          "client_name":"Test Company 4",
      },
      {
          "interaction_id":22,
          "nature":"2",
          "client_name":"Test Company 5",
      }
  ]
  </code></pre>
  
  <p>And I'm having a data set of nature as:</p>
  
  <pre><code>const nature = [
      {value: 1, label: "Demo 1"},
      {value: 2, label: "Demo 2"},
      {value: 3, label: "Demo 3"}
  ]
  </code></pre>
  
  <p>I want to map my <code>meeting_summaries</code> with this data set were in <code>meeting_summaries -&gt; nature</code> points to <code>nature -&gt; value</code> so that my final output can look something like this:</p>
  
  <pre><code>"meeting_summaries":[
      {
          "interaction_id":22,
          "nature":"1",
          'nature_name": "Demo 1",
          "client_name":"Test Company 4",
      },
      {
          "interaction_id":22,
          "nature":"2",
          'nature_name": "Demo 2",
          "client_name":"Test Company 5",
      }
  ]
  </code></pre>