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

For example here is a element like button for adding item to basket and appropriate attributes for saving in localStorage.

'<a href="#" cartBtn pr_id='+e.id+' pr_name_en="'+e.nameEn+'" pr_price="'+e.price+'" pr_image="'+e.image+'" class="btn btn-primary"><i class="fa fa-shopping-cart"></i>Add to cart</a>'

var productArray=[];


$(document).on('click','[cartBtn]',function(e){
  e.preventDefault();
  $(this).html('<i class="fa fa-check"></i>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 && 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

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

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

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

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