Adding a new array element to a JSON object

Question

I have a JSON format object I read from a JSON file that I have in a variable called teamJSON  that looks like this      theTeam     teamId   1   status   pending     teamId   2   status   member     teamId   3   status   member       I want to add a new item to the array  such as      teamId   4   status   pending     to end up with     theTeam     teamId   1   status   pending     teamId   2   status   member     teamId   3   status   member     teamId   4   status   pending       before writing back to the file  What is a good way to add to the new element  I got close but all the double quotes were escaped  I have looked for a good answer on SO but none quite cover this case  Any help is appreciated

User · Answer

In my case  my JSON object didn t have any existing Array in it  so I had to create array element first and then had to push the element     elementToPush    1  2  3    if   obj arr  this  set obj   arr         obj arr push elementToPush          This answer may not be relevant to this particular question  but may help   someone else

User · Answer

For example here is a element like button for adding item to basket and appropriate attributes for saving in localStorage          lt a href     cartBtn pr id   e id   pr name en    e nameEn    pr price    e price    pr image    e image    class  btn btn-primary  gt  lt i class  fa fa-shopping-cart  gt  lt  i gt Add to cart lt  a gt           var productArray         document  on  click    cartBtn   function e     e preventDefault        this  html   lt i class  fa fa-check  gt  lt  i gt Added to cart      console log  Item added       var productJSON   id    this  attr  pr id     nameEn    this  attr  pr name en     price    this  attr  pr price     image    this  attr  pr image         if localStorage getObj  product     null       productArray localStorage getObj  product        productArray push productJSON         localStorage setObj  product   productArray           else      productArray push productJSON         localStorage setObj  product   productArray                Storage prototype setObj   function key  value        this setItem key  JSON stringify value       Storage prototype getObj   function key        var value   this getItem key       return value  amp  amp  JSON parse value       After adding JSON object to Array result is  in LocalStorage        id   99   nameEn   Product Name1   price   767   image   1462012597217 jpeg     id   93   nameEn   Product Name2   price   76   image   1461449637106 jpeg     id   94   nameEn   Product Name3   price   87   image   1461449679506 jpeg     after this action you can easily send data to server as List in Java  Full code example is here  How do I store a simple cart using localStorage

User · Answer

var Str txt      theTeam     teamId   1   status   pending     teamId   2   status   member     teamId   3   status   member         If you want to add at last position then use this   var parse obj   JSON parse Str txt   parse obj  theTeam   push   teamId   4   status   pending     Str txt   JSON stringify parse obj   Output      theTeam     teamId   1   status   pending     teamId   2   status   member     teamId   3   status   member     teamId   4   status   pending        If you want to add at first position then use the following code   var parse obj   JSON parse Str txt   parse obj  theTeam   unshift   teamId   4   status   pending     Str txt   JSON stringify parse obj   Output      theTeam     teamId   4   status   pending     teamId   1   status   pending     teamId   2   status   member     teamId   3   status   member        Anyone who wants to add at a certain position of an array try this   parse obj  theTeam   splice 2  0    teamId   4   status   pending     Output      theTeam     teamId   1   status   pending     teamId   2   status   member     teamId   4   status   pending     teamId   3   status   member        Above code block adds an element after the second element

User · Answer

JSON is just a notation  to make the change you want parse it so you can apply the changes to a native JavaScript Object  then stringify back to JSON  var jsonStr      theTeam     teamId   1   status   pending     teamId   2   status   member     teamId   3   status   member        var obj   JSON parse jsonStr   obj  theTeam   push   teamId   4   status   pending     jsonStr   JSON stringify obj         theTeam     teamId   1   status   pending     teamId   2   status   member     teamId   3   status   member     teamId   4   status   pending

User · Answer

First we need to parse the JSON object and then we can add an item   var str      theTeam     teamId   1   status   pending      teamId   2   status   member     teamId   3   status   member        var obj   JSON parse str   obj  theTeam   push   teamId   4   status   pending     str   JSON stringify obj     Finally we JSON stringify the obj back to JSON

[javascript] Adding a new array element to a JSON object

Examples related to javascript

Examples related to json