localStorage.setItem('user', JSON.stringify(user));

然后从存储中检索并再次转换为对象：

var user = JSON.parse(localStorage.getItem('user'));

If we need to delete all entries of the store we can simply do:

localStorage.clear();

我找到了一种方法，使它可以处理具有循环引用的对象。

让我们制作一个具有循环引用的对象。

obj = {
    L: {
        L: { v: 'lorem' },
        R: { v: 'ipsum' }
    },
    R: {
        L: { v: 'dolor' },
        R: {
            L: { v: 'sit' },
            R: { v: 'amet' }
        }
    }
}
obj.R.L.uncle = obj.L;
obj.R.R.uncle = obj.L;
obj.R.R.L.uncle = obj.R.L;
obj.R.R.R.uncle = obj.R.L;
obj.L.L.uncle = obj.R;
obj.L.R.uncle = obj.R;

由于循环引用，我们不能在这里执行JSON.stringify。

LOCALSTORAGE.CYCLICJSON与普通JSON一样具有.stringify和.parse，但可以处理具有循环引用的对象。（“Works”表示解析（stringify（obj））和obj深度相等，并且具有相同的“内部等式”集合）

但我们可以使用快捷方式：

LOCALSTORAGE.setObject('latinUncles', obj)
recovered = LOCALSTORAGE.getObject('latinUncles')

然后，recovered将与obj“相同”，在以下意义上：

[
obj.L.L.v === recovered.L.L.v,
obj.L.R.v === recovered.L.R.v,
obj.R.L.v === recovered.R.L.v,
obj.R.R.L.v === recovered.R.R.L.v,
obj.R.R.R.v === recovered.R.R.R.v,
obj.R.L.uncle === obj.L,
obj.R.R.uncle === obj.L,
obj.R.R.L.uncle === obj.R.L,
obj.R.R.R.uncle === obj.R.L,
obj.L.L.uncle === obj.R,
obj.L.R.uncle === obj.R,
recovered.R.L.uncle === recovered.L,
recovered.R.R.uncle === recovered.L,
recovered.R.R.L.uncle === recovered.R.L,
recovered.R.R.R.uncle === recovered.R.L,
recovered.L.L.uncle === recovered.R,
recovered.L.R.uncle === recovered.R
]

以下是LOCALSTORAGE的实现

LOCALSTORAGE=（函数）{“使用严格”；var ignore=[Boolean，Date，Number，RegExp，String]；函数原语（项）{if（项目类型==“对象”）{if（item==null）｛return true；｝对于（var i=0；i＜ignore.length；i++）{if（iteminstanceofignore[i]）｛return true；｝}return false；}其他{返回true；}}功能婴儿（价值）{return Array.isArray（value）？[] : {};}函数decycleIntoForest（对象，替换符）{if（typeof replacer！==“函数”）{replacer=函数（x）｛return x；｝}object=替换器（对象）；if（原语（对象））返回对象；var objects=[对象]；var森林=[婴儿（对象）]；var bucket=new WeakMap（）；//桶=对象的倒数bucket.set（对象，0）；函数addToBucket（obj）{var result=objects.length；objects.push（obj）；bucket.set（对象，结果）；返回结果；}函数isInBucket（obj）｛return bucket.has（obj）；｝函数processNode（源，目标）{Object.keys（源）.forEach（函数（键）{var value=replacer（源[key]）；if（基元（值））{target[key]=｛value:value｝；}其他{var ptr；if（isInBucket（值））{ptr=bucket.get（值）；}其他{ptr=addToBucket（值）；var newTree=婴儿（值）；forest.push（newTree）；processNode（value，newTree）；}target[key]={pointer:ptr}；}});}processNode（对象，林[0]）；回归森林；};函数deForestInoCycle（林）{var对象=[]；var objectRequested=[]；var todo=[]；函数processTree（idx）{if（对象中的idx）返回对象[idx]；if（objectRequested[idx]）返回null；objectRequested[idx]=true；var树=森林[idx]；var node=Array.isArray（树）？[] : {};for（树中的var键）{var o=树[key]；如果（o中的“指针”）{var ptr=o.pointer；var value=processTree（ptr）；if（值==空）{todo推送({node:节点，key：键，idx:ptr});}其他{node[key]=值；}}其他{if（o中的“值”）{节点[key]=o.value；}其他{抛出新错误（“意外”）}}}objects[idx]=节点；返回节点；}var result=processTree（0）；对于（var i=0；i<todo.length；i++）{var项=todo[i]；item.node[item.key]=对象[item.idx]；}返回结果；};var控制台={日志：函数（x）{var the=document.getElementById（'''）；.textContent=.textContent+'\n'+x；},分隔符：函数（）{var the=document.getElementById（'''）；.textContent=.textContent+'\n***************************************'；}}函数logCyclicObjectToConsole（根）{var cycleFree=decycleIntoForest（根）；var showed=cycleFree.map（函数（树，idx）{return false；});var缩进增量=4；函数showItem（nodeSlot、indent、label）{var leadingSpaces=''.repeat（缩进）；var leadingSpacesPlus=“”.repeat（缩进+缩进增量）；if（显示[nodeSlot]）{console.log（leadingSpaces+label+'…请参见上文（object#'+nodeSlot+'）'）；}其他{console.log（leadingSpaces+label+'object#'+nodeSlot）；var tree=cycleFree[nodeSlot]；show[nodeSlot]=true；Object.keys（树）.forEach（函数（键）{var entry=tree[key]；if（条目中的“值”）{console.log（leadingSpacesPlus+key+“：”+entry.value）；}其他{if（条目中的“指针”）{showItem（entry.pointer，indent+indentIncrement，key）；}}});}}console.demiter（）；showItem（0，0，'root'）；};函数字符串（obj）{return JSON.stringify（decycleIntoForest（obj））；}函数解析（str）{return deForestInoCycle（JSON.parse（str））；}var CYLICJSON={decycleIntoForest：decycleIntoForest，deForestInoCycle:deForestIntoCycle，logCyclicObjectToConsole:logCyclicObject到控制台，丝状：丝状，解析：解析}函数setObject（名称，对象）{var str=字符串（对象）；localStorage.setItem（名称，str）；}函数getObject（名称）{var str=localStorage.getItem（名称）；如果（str==null）返回null；返回解析（str）；}返回{CYCLICJSON:CYCLICJSON，setObject：setObject，getObject:getObject}})();目标={我：{五十： {v:“lorem”}，R： ｛v:“ipsum”｝},R：{五十： ｛v:“dolor”｝，R：{五十： {v:“坐”}，R： ｛v:“amet”｝}}}obj.R.L.uncle=对象L；obj.R..uncle=对象L；obj.R.L..uncle=obj.R.L；obj.R.R..uncle=obj.R.L；obj.L.L.uncle=对象R；obj.L.R.unncle=对象R；//LOCALSTORAGE.setObject（“latinUncles”，对象）//recovered=LOCALSTORAGE.getObject（'latinUncles'）//fiddle内部不提供localStorage）：本地存储.CYCLICJSON.logCyclicObjectToConsole（obj）putIntoLS=本地存储.CYCLICJSON.stringify（obj）；recovered=本地存储.CYCLICJSON.parse（putIntoLS）；LOCALSTORAGE.CYCLICJSON.logCyclicObjectToConsole（已恢复）；var the=document.getElementById（'''）；.textContent=.textContent+'\n\n'+JSON.stringify([目标L.L.v===恢复L.L.v，目标L.R.v===恢复L.R.v，目标R.L.v===恢复的R.L.v，目标R.R.L.v===恢复的R.R.L.v，obj.R.R.R.v===恢复的R.R.R.v，obj.R.L.包含==obj.L，

有一个很棒的库，它封装了许多解决方案，因此它甚至支持称为jStorage的旧浏览器

可以设置对象

$.jStorage.set(key, value)

轻松检索

value = $.jStorage.get(key)
value = $.jStorage.get(key, "default value")

建议为这里讨论的许多特性以及更好的兼容性使用抽象库。有很多选择：

jStorage或simpleStorage← 我的喜好本地饲料alekseykulikov/仓库拉文查尔商店.js← 另一个不错的选择对象管理组织本地数据存储

我建议使用Jackson js。它是一个库，用于处理对象的序列化和反序列化，同时基于修饰符保留其结构。

该库处理所有缺陷，如循环引用、属性别名等。

只需使用@JsonProperty（）和@JsonClassType（）修饰符来描述类。

使用以下方法序列化对象：

const objectMapper = new ObjectMapper();
localstore.setItem(key, objectMapper.stringify<yourObjectType>(yourObject));

要获得更详细的解释，请在此处查看我的答案：

Typescript对象序列化？

这里有Jackson js教程：

Jackson js：强大的JavaScript装饰器，可将对象序列化/反序列化为JSON，反之亦然（第1部分）

https://github.com/adrianmay/rhaboo是一个localStorage糖层，允许您编写如下内容：

var store = Rhaboo.persistent('Some name');
store.write('count', store.count ? store.count+1 : 1);
store.write('somethingfancy', {
  one: ['man', 'went'],
  2: 'mow',
  went: [  2, { mow: ['a', 'meadow' ] }, {}  ]
});
store.somethingfancy.went[1].mow.write(1, 'lawn');

它不使用JSON.stringify/parse，因为这对于大型对象来说是不准确和缓慢的。相反，每个终端值都有自己的localStorage条目。

你可能会猜到我可能和rhaboo有关系。