Aggiungere un nuovo elemento dell'array a un oggetto JSON

Ho un oggetto in formato JSON che leggo da un file JSON che ho in una variabile chiamata teamJSON, che assomiglia a questo:

 {"theTeam":[{"teamId":"1","status":"pending"},{"teamId":"2","status":"member"},{"teamId":"3","status":"member"}]}

Voglio aggiungere un nuovo elemento all'array, come

{"teamId":"4","status":"pending"}

per finire con

{"theTeam":[{"teamId":"1","status":"pending"},{"teamId":"2","status":"member"},{"teamId":"3","status":"member"},{"teamId":"4","status":"pending"}]}

prima di scrivere di nuovo nel file. Qual è un buon modo per aggiungere il nuovo elemento? Mi sono avvicinato, ma tutti i doppi apici sono stati sfuggiti. Ho cercato una buona risposta su SO ma nessuna copre questo caso. Qualsiasi aiuto è apprezzato.

Programmazione
javascript json
19º settembre 2013 в 1:17
47 visualizzazioni
Soluzione

JSON è solo una notazione; per fare il cambiamento vuoi parse in modo da poter applicare i cambiamenti a un JavaScript Object nativo, poi stringify di nuovo a 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"}]}"
Commentari (7)
 
var Str_txt = '{"theTeam":[{"teamId":"1","status":"pending"},{"teamId":"2","status":"member"},{"teamId":"3","status":"member"}]}';

Se vuoi aggiungere all'ultima posizione allora usa questo:

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"}]}"

Se volete aggiungere alla prima posizione allora usate il seguente codice:

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"}]}"

Chiunque voglia aggiungere in una certa posizione di un array provi questo:

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"}]}"

Il blocco di codice qui sopra aggiunge un elemento dopo il secondo elemento.

João Tiago
Risposta modificata 24º ottobre 2019 в 10:22
Commentari (0)

Per esempio qui c'è un elemento come il pulsante per aggiungere un articolo al carrello e gli attributi appropriati per salvare 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">Add to cart</a>'
var productArray=[];

$(document).on('click','[cartBtn]',function(e){
  e.preventDefault();
  $(this).html('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);
}

Dopo aver aggiunto l'oggetto JSON ad Array il risultato è (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"}]

dopo questa azione potete facilmente inviare i dati al server come List in Java

L'esempio completo di codice è qui

https://stackoverflow.com/questions/23554456/how-do-i-store-a-simple-cart-using-localstorage/37169851#37169851

Community
Risposta modificata 23º maggio 2017 в 12:34
Commentari (0)