title: Add new key value pair to object - REACT NATIVE
body: <p>I wanted to ask if someone can help do the following. </p>
  
  <p>How do I add a new key value pair to an existing object that I have inside an array fetched from an API. 
  Basically, after fetching from API I have an array name utils which has the response. </p>
  
  <pre><code>// utils = [ 
  {
   id: 1,
   item: 10,
   name: "candybar" 
  },
  {
   id: 2,
   item: 12,
   name: "whitechocolatebar"
  }
  ]
  </code></pre>
  
  <p>now I have written some conditional statements for whenever like the following: </p>
  
  <pre><code>for (i in utils){
  
   if(utils[i].name == "candybar"){
  
    utils.push({ new_name : "Candy Bar" });
  
   }else if(utils[i].name == "whitechocolatebar"){
  
    utils.push({ new_name : "White Chocolate Bar" });
  
   }else{
  
    utils.push(utils[i].name);
  
   }
  
  }
  </code></pre>
  
  <p>now this gives me : </p>
  
  <pre><code>utils = [
  {
   id: 1,
   item: 10,
   name: "candybar" 
  },
  {
   id: 2,
   item: 12,
   name: "whitechocolatebar"
  },
  {
   new_name: "Candy Bar"
  },
  {
   new_name: "White Chocolate Bar"
  }
  ]
  </code></pre>
  
  <p>But i want to have the array utils in the following manner: </p>
  
  <pre><code>utils = [
  {
   id: 1,
   item: 10,
   name: "candybar" ,
   new_name: "Candy Bar"
  },
  {
   id: 2,
   item: 12,
   name: "whitechocolatebar",
   new_name: "White Chocolate Bar"
  }]
  </code></pre>
  
  <p>Can someone help me achieve this? </p>
  
  <p>Kind Regards and Thank you. </p>