title: Best way to Filter and Map the combination of an array and an object
body: <p>What is the best way to map this?
  I have an array of 5 stages here which is the initial stages array. However, I need to map the following newData array against these stages. <code>field_4</code> should map against <code>field-4</code>. And <code>field_5</code> should map against <code>field-5</code>. I have also attached how it should be returned. I realise this probably isn't the proper use of StackOverflow as it's more of a question, but I've been trying for a while with no luck. Any pointers in the right direction would be great.</p>
  <pre><code>const stages = [
              { key: 'field-one' },
              { key: 'field-two' },
              { key: 'field-three' },
              { key: 'field-four' },
              { key: 'field-five' },
          ]
  
  const newData = {
                  field_four: 9,
                  field_five: 'D',
              }
  </code></pre>
  <p>// should get</p>
  <pre><code>const stages  =
              [
                  { key: 'field-one' },
                  { key: 'field-two' },
                  { key: 'field-three' },
                  { key: 'field-four', value: 'D' },
                  { key: 'field-five', value: 9 },
              ];
  </code></pre>