在localStorage中存储数组使用JSON.stringify

Question

我just learned about jquery's .makeArray我试图使用JSON.stringify在localStorage中存储数组，但我有意想不到的结果。

这工作：

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}' 

这不：

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 '[]' 

什么我做错了任何想法？

Answer 1

links包含循环引用，因此无法序列化为JSON。 Chrome 5.0.375.99给出错误：

TypeError: Converting circular structure to JSON 

您必须以某种方式删除这些循环引用。当然，这取决于你关心的是什么信息。下面是一个简化版本：

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

Answer 2

$('a')选择页面上的所有链接（HTMLAnchorElement S）。

元素是由它们的身份和存在于文档中定义的DOM节点。它们不是JSON可以表示的简单值。如果你看看JSON.stringify()为他们返回什么，它只是{}：JSON说，它所知道的对象是它是一个Object。

试图将一个节点放在localStorage内没有任何意义;当你明天读取存储空间时，你期望得到什么回报？一个Node对象，是昨天用户关闭并销毁的文档的一部分？

如果你想记住的链接指向的，你应该从它们的href特性，能够安全通过localStorage记住一个String -a简单的值类型。