title: How to add dynamic key in javascript object and remove that after operation has completed?
body: <p>I have a array of objects , take the below code as a example:</p>
  
  <pre><code>Let Data =  [
              {
                "helptext": "streetAddress_description_text",
                "name": "addressLine1",
                "label": "streetAddress_label",
                "placeholder": "streetAddress_sample",
                "type": "text",
                "required": true
              },
              {
                "helptext": "streetAddress2_descriptor_text",
                "name": "addressLine2",
                "label": "streetAddress2_label",
                "placeholder": "streetAddress2_sample",
                "type": "text",
                "required": false
              },
              {
                "name": "city",
                "label": "city_label",
                "placeholder": "city_sample",
                "type": "text",
                "required": true
              }
  ]
  </code></pre>
  
  <p>Here i need to add a unique value in the objects that is present inside the array.Example <strong>id</strong></p>
  
  <pre><code> [
              {
                "helptext": "streetAddress_description_text",
                "name": "addressLine1",
                "label": "streetAddress_label",
                "placeholder": "streetAddress_sample",
                "type": "text",
                "required": true,
                 "id":1
              },
              {
                "helptext": "streetAddress2_descriptor_text",
                "name": "addressLine2",
                "label": "streetAddress2_label",
                "placeholder": "streetAddress2_sample",
                "type": "text",
                "required": false,
                 "id":2
              },
              {
                "name": "city",
                "label": "city_label",
                "placeholder": "city_sample",
                "type": "text",
                "required": true,
                 "id":3
              }
  ]
  </code></pre>
  
  <p>And i am using the above object for some operation. Take an example i am rearranging the object position. Eg:</p>
  
  <pre><code> [
  
              {
                "name": "city",
                "label": "city_label",
                "placeholder": "city_sample",
                "type": "text",
                "required": true,
                 "id":3
              },
              {
                "helptext": "streetAddress2_descriptor_text",
                "name": "addressLine2",
                "label": "streetAddress2_label",
                "placeholder": "streetAddress2_sample",
                "type": "text",
                "required": false,
                 "id":2
              },
              {
                "helptext": "streetAddress_description_text",
                "name": "addressLine1",
                "label": "streetAddress_label",
                "placeholder": "streetAddress_sample",
                "type": "text",
                "required": true,
                 "id":1
              }
  ]
  
  </code></pre>
  
  <p>After this process, i need to removed the <strong>id</strong> which we have added in the first process. And sumbiting the value to the server. Is there any way to achieve this.</p>
  
  <p>Please help me with this. Thanks in advance</p>