How to add and remove value from JSON

Question

I have following JSON,

[
   {
      "Id":163,
      "CategoryId":"8",
      "ServiceTypeId":"2",
      "ServiceName":"Service50031"
   },
   {
      "Id":161,
      "CategoryId":"8",
      "ServiceTypeId":"2",
      "ServiceName":"Service50029"
   },
   {
      "Id":160,
      "CategoryId":"8",
      "ServiceTypeId":"2",
      "ServiceName":"Service50028"
   },
   {
      "Id":159,
      "CategoryId":"8",
      "ServiceTypeId":"2",
      "ServiceName":"Service50027"
   }
]

If I pass 163, I need to remove that node from the JSON, my expected output is,

[
   {
      "Id":161,
      "CategoryId":"8",
      "ServiceTypeId":"2",
      "ServiceName":"Service50029"
   },
   {
      "Id":160,
      "CategoryId":"8",
      "ServiceTypeId":"2",
      "ServiceName":"Service50028"
   },
   {
      "Id":159,
      "CategoryId":"8",
      "ServiceTypeId":"2",
      "ServiceName":"Service50027"
   }
]

AS well as I need to insert item to the JSON, if I pass following

   {
      "Id":164,
      "CategoryId":"8",
      "ServiceTypeId":"2",
      "ServiceName":"Service8000"
   }

I need following JSOn output,

[
   {
      "Id":164,
      "CategoryId":"8",
      "ServiceTypeId":"2",
      "ServiceName":"Service8000"
   },
   {
      "Id":163,
      "CategoryId":"8",
      "ServiceTypeId":"2",
      "ServiceName":"Service50031"
   },
   {
      "Id":161,
      "CategoryId":"8",
      "ServiceTypeId":"2",
      "ServiceName":"Service50029"
   },
   {
      "Id":160,
      "CategoryId":"8",
      "ServiceTypeId":"2",
      "ServiceName":"Service50028"
   },
   {
      "Id":159,
      "CategoryId":"8",
      "ServiceTypeId":"2",
      "ServiceName":"Service50027"
   }
]

How can I do this?

Does this answer your question? [Remove Object from Array using JavaScript](https://stackoverflow.com/questions/10024866/remove-object-from-array-using-javascript) — Billy Brown, Sep 02 '20 at 09:21

Roko C. Buljan · Accepted Answer · 2020-09-02T11:23:11.470

1

const data = [
  {Id:163,CategoryId:"8",ServiceTypeId:"2",ServiceName:"Service50031"},
  {Id:161,CategoryId:"8",ServiceTypeId:"2",ServiceName:"Service50029"},
  {Id:160,CategoryId:"8",ServiceTypeId:"2",ServiceName:"Service50028"},
  {Id:159,CategoryId:"8",ServiceTypeId:"2",ServiceName:"Service50027"}
];

const removeRecordById = (arr, Id) => {
  const i = arr.findIndex(a => a.Id == Id);
  if (i > -1) arr.splice(i, 1);
};


removeRecordById(data, 163);
console.log(data);

edited Sep 02 '20 at 11:23

answered Sep 02 '20 at 09:24

Roko C. Buljan

196,159
39
305
313

Sir how can I add item to array – thomsan Sep 02 '20 at 09:57
and one more thing, this is not working in IE – thomsan Sep 02 '20 at 09:59
Nice/Clean code. Small issue: `removeRecordById(data, "no-such-id);` return `-1`, meaning -n (index of the nth last element). You get unexpected result (Remove the last array element). – Ezra Siton Sep 02 '20 at 10:24
1

@thomsan IE use is below 1.2% worldwide. https://babeljs.io/ – Roko C. Buljan Sep 02 '20 at 11:22
1

@EzraSiton amazing catch. Thanks – Roko C. Buljan Sep 02 '20 at 11:23
@RokoC.Buljan awesome tool sir – thomsan Sep 09 '20 at 09:52

How to add and remove value from JSON

1 Answers1