Stocker un tableau dans localStorage en utilisant JSON.stringify

Question

I just learned about jquery's .makeArray et j'essaye d'utiliser JSON.stringify pour stocker le tableau dans localStorage mais j'ai des résultats inattendus.

Cela fonctionne:

var links = {'one': 1, 'two': 2 }; 
var setstr = JSON.stringify(links); 

localStorage.setItem('strlinks', setstr); 
var getstr = localStorage.getItem('strlinks'); 
console.log(getstr); //Returns what's expected - '{"one":1, "two":2}' 

Cela ne signifie pas:

var links = $.makeArray($('a')); 

alert(links); //Returns list of links 
var setstr = JSON.stringify(links); 

localStorage.setItem('strlinks', setstr); 
var getstr = localStorage.getItem('strlinks'); 
console.log(getstr); //Returns '[]' 

Toutes les idées sur ce que je fais mal?

Answer 1

links contient des références circulaires, il ne peut donc pas être sérialisé en JSON. Chrome 5.0.375.99 donne l'erreur:

TypeError: Converting circular structure to JSON 

Vous devez supprimer ces références circulaires. Bien sûr, cela dépend de l'information qui vous intéresse. Voici une version simplifiée:

var flatLinks = $.map(links, function(el) 
          { 
           return {href: el.href, text: el.textContent}; 
          }); 
var setstr = JSON.stringify(flatLinks); 

Answer 2

$('a') sélectionne tous les liens (HTMLAnchorElement s) sur la page.

Les éléments sont des nœuds DOM définis par leur identité et leur présence dans le document. Ce ne sont pas des valeurs simples que JSON peut représenter. Si vous regardez ce que JSON.stringify() retourne pour eux, c'est juste {}: JSON dit tout ce qu'il sait de l'objet, c'est que c'est un Object.

Cela n'a aucun sens d'essayer de placer un nœud à l'intérieur d'un localStorage; Qu'attendez-vous de revenir quand vous lirez le stockage demain? Un objet Node qui faisait partie d'un document que l'utilisateur a fermé et détruit hier?

Si vous voulez vous rappeler où les liens ont souligné, vous devriez obtenir que de leurs propriétés href, comme String type de valeur simple, -a qui peut sans risque être rappelé par localStorage.