Ajouter des données à l'objet localStorage

Je vais essayer, en vain, pour ajouter un nouvel objet à un objet localStorage. Au lieu de cela, à la fin, la présence de deux jeux de données dans le localStorage, je reçois le dernier. Toute réflexion sur ce que je fais mal? Grâce

Voici ce que j'essaie de faire:

//add the first student
var newStudent = [{
     "name":        "John",
     "age":         21,
     "nationality": "Spanish"
 }];

localStorage.setItem("students", JSON.stringify(newStudent));


//Retrieve the object from storage to add a new student
var retrievedObject = localStorage.getItem("students");
var stored          = JSON.parse(retrievedObject);

//add a new student
var newStudent2 = [{
    "name":        "Mary",
    "age":         20,
    "nationality": "German"
}];
var stored = Object.assign(stored, newStudent2);

//Update the storage
localStorage.setItem("students", JSON.stringify(stored));
var result = localStorage.getItem("students");

console.log(result);
Avez-vous essayé quelque chose comme: fenêtre.localStorage.attr = valeur ou tout simplement localStorage.attr = valeur?
Êtes-vous essayer d'avoir un tableau d'objets dans localStorage? Vous êtes en train de mettre chaque objet dans son propre tableau, ce qui est un peu bizarre.
Oui, je suis d'essayer d'avoir un tableau d'objets, mais seulement le dernier est sauvé.

OriginalL'auteur McRui | 2016-03-12

  1. 8

    Vous devez stocker un tableau, pas un objet;

    var students = [];

var student1 = { s: 1 };

students.push(student1);

localStorage.setItem("students", JSON.stringify(students));

var stored = JSON.parse(localStorage.getItem("students"));

var student2 = { s: 2 };

stored.push(student2);

localStorage.setItem("students", JSON.stringify(stored));

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

console.log(result);
    Grâce Sergey. Qui fonctionne vraiment. Maintenant, je comprends ce que je faisais mal.
    Pouvez-vous marquer la réponse est correcte, s'il vous plaît?

    OriginalL'auteur Sergey Yarotskiy

  2. 4

    De remplacement de l'objet stocké par newStudent2 lors de l'extraction de localStorage:

    var newStudent = [{
     "name":        "John",
     "age":         21,
     "nationality": "Spanish"
 }];

localStorage.setItem("students", JSON.stringify(newStudent));

var retrievedObject = localStorage.getItem("students");
var stored          = JSON.parse(retrievedObject); <----newStudent1

var newStudent2 = [{
    "name":        "Mary",
    "age":         20,
    "nationality": "German"
}];


var stored = Object.assign(stored, newStudent2); <----Here newStudent1 is replaced by newStudent2


localStorage.setItem("students", JSON.stringify(stored)); //Here newStudent2 is replacing old object on localStorage
var result = localStorage.getItem("students");

console.log(result);

    La place, vous pouvez essayer de créer un tableau d'objets et en les ajoutant à chaque fois que la création d'un nouveau.

    var objects = []
objects.push(stored) 

localStorage.setItem('students', JSON.stringify(objects))
    Oui, ceux qui ont été les problèmes. Merci Diego

    OriginalL'auteur Diego Gallegos

  3. 2

    Vous utilisez Object.assign() mal. Voir ici pour plus d'informations à ce sujet.

    Avez-vous vraiment besoin newStudent2 être un tableau d'un seul objet? Si non, vous pouvez simplement faire stored.push(newStudent2), où newStudent2 est un objet et non pas un tableau avec un seul objet.

    Donc, quelque chose comme:

    var students = [];

//add the first student
//Notice how the student is now an object and not an array containing an object.
var newStudent = {
     "name":        "John",
     "age":         21,
     "nationality": "Spanish"
 };

students.push(newStudent);

localStorage.setItem("students", JSON.stringify(students));


//Retrieve the object from storage to add a new student
var retrievedObject = localStorage.getItem("students");
var stored          = JSON.parse(retrievedObject);

//add a new student
//Notice how the student is now an object and not an array containing an object.
var newStudent2 = {
    "name":        "Mary",
    "age":         20,
    "nationality": "German"
};

stored.push(newStudent2);

//Update the storage
localStorage.setItem("students", JSON.stringify(stored));
var result = localStorage.getItem("students");

console.log(result);
    Salut Mitch. merci. La stockées.push() semble également fonctionner. Sergey solution m'a aidé à comprendre ce que je faisais mal, et il était très basique. 🙁
    Vous êtes les bienvenus. J'ai mis à jour la réponse dans le temps

    OriginalL'auteur Dimitris Karagiannis

  4. 1

    Selon MDN The Object.assign() method only copies enumerable and own properties from a source object to a target object

    dans votre cas:
    var stored = JSON.parse(retrievedObject); return array, vous pouvez simplement push nouvel objet de tableau: stored.push(newStudent2); lors de stored à localStorage.

    Oui, c'était l'une des premières erreurs que j'ai eu parce qu'ils n'étaient pas accessible en écriture. Grâce zooblin

    OriginalL'auteur zooblin