JavaScript, jQuery, local anhängen Elementen zu einem aray

Question

Ich kann sitzen, so etwas zu tun:

var id = 1; 
var data = { 
    items: { 
     id: id, 
     html: '<p> Hello</p>', 
    } 
}; 

localStorage.setItem("demoitems", JSON.stringify(data)); 

sie später ich die vorhandenen Werte von data.items behalten wollen und eine neue Array anhängen wie:

var id = 2; 
var data = { 
    items: { 
     id: id, 
     html: '<p> Hello 2</p>', 
    } 
}; 

so dass das Endergebnis aussehen würde:

var data = { 
    items: { 
     id: 1, 
     html: '<p> Hello 1</p>', 
    }, 
    items: { 
     id: 2, 
     html: '<p> Hello 2</p>', 
    } 
}; 

dann kann ich es bekommen:

var result = JSON.parse(localStorage.getItem("demoitems")); 

$.each(result.items, function(k, v) { 
... do loop here 
}); 

Ich habe so etwas wie dies versucht:

var newdata = { 
     items: { 
      id: 2, 
      html: '<p> Hello 2</p>', 
     } 
    }; 

var olddata = JSON.parse(localStorage.getItem("demoitems")); 
newdata.push(newdata, olddata); 

Answer 1

Sie nicht auf Objekte schieben kann, anstatt ein Array verwenden. Und der Index in einem Objekt muss eindeutig sein.

var olddata = [ 
    { 
     id: 2, 
     html: '<p> Hello 2</p>' 
    } 
]; 

localStorage.setItem("demoitems", JSON.stringify(olddata)) 

var newdata = { 
     id: 2, 
     html: '<p> Hello 2</p>' 
}; 

var data = JSON.parse(localStorage.getItem("demoitems")); 
data.push(newdata); 
localStorage.setItem("demoitems", JSON.stringify(data)) 

alert(localStorage.getItem("demoitems")); 

Probieren Sie es hier: https://jsfiddle.net/snht4kvy/

Answer 2

allererst Sie wollen nicht zwei identische Schlüssel haben (items) in der gleichen json Objekt. Was Sie tun können, ist, fügen Sie Ihre item Objekte in das Array im JSON-Objekt

var id = 1; 
var data = { 
    // array of items 
    items: [{ 
     id: id, 
     html: '<p> Hello</p>', 
    }] 
}; 
localStorage.setItem("demoitems", JSON.stringify(data)); 

Dann können Sie neue items zum Array hinzufügen wie folgt:

var newitem = { 
    id: 2, 
    html: '<p> Hello 2</p>', 
}; 

var olddata = JSON.parse(localStorage.getItem("demoitems")); 
olddata["items"].push(newitem); 
// store the data 
localStorage.setItem("demoitems", JSON.stringify(olddata));