title: Add/Merge new Item in all json object in array that has same value in another different json object in array Vue Js
body: <p>Hi I am a newbie I am trying to Add/Merge new Item in all json object in array that has same value in another different json object in array Vue Js. I only know how to push another json object in json anyone can advice me I will really appreciate any advice or help. Thanks in advance  </p>
  
  <pre><code>JSON 1 (Main)
  
  [
    {
      name: "a",
      id: 2,
      price: 300
    },
    {
      name: "b",
      id: 3,
      price: 100
    },
    {
      name: "c",
      id: 4,
      price: 50
    }
  ]
  
  
  JSON 2 (List)
  
  [
    {
      color: "red",
      id: w2,
      uuid: "3"
    },
    {
      color: "blue",
      id: y2,
      uuid: "4"
    },
    {
      color: "pink",
      id: xf,
      uuid: "3"
    },
    {
      color: "black",
      id: jf,
      uuid: "7"
    }
  ]
  </code></pre>
  
  <p>if uuid  of JSON 2 (List) is same as id of JSON 1 (Main) add another item in JSON 2 (List) inside object named as name value will be  JSON 1 (Main) name  and remove json object of JSON 2 (List) that has uuid not match in id of jSON 1 (Main) like </p>
  
  <pre><code>  {
      color: "black",
      id: jf,
      uuid: "7"
    } //will be remove
  
  
  
      Expected Output
  [
    {
      name: "b",
      color: "red",
      id: w2,
      uuid: "3"
    },
    {
      name: "c",
      color: "blue",
      id: y2,
      uuid: "4"
    },
    {
      name: "b",
      color: "pink",
      id: xf,
      uuid: "3"
    }
  ]
  </code></pre>