再次查看Apple、Mozilla和Mozilla文档，该功能似乎仅限于处理字符串键/值对。

一种解决方法是在存储对象之前将其字符串化，然后在检索它时对其进行解析：

var testObject = { 'one': 1, 'two': 2, 'three': 3 };

// Put the object into storage
localStorage.setItem('testObject', JSON.stringify(testObject));

// Retrieve the object from storage
var retrievedObject = localStorage.getItem('testObject');

console.log('retrievedObject: ', JSON.parse(retrievedObject));

一个变体的小改进：

Storage.prototype.setObject = function(key, value) {
    this.setItem(key, JSON.stringify(value));
}

Storage.prototype.getObject = function(key) {
    var value = this.getItem(key);
    return value && JSON.parse(value);
}

由于短路评估，如果不在 StoragegetObject()中将立即返回。如果是（空字符串；无法处理），它也不会抛出异常。nullkeySyntaxErrorvalue""JSON.parse()

您可能会发现使用这些方便的方法扩展 Storage 对象很有用：

Storage.prototype.setObject = function(key, value) {
    this.setItem(key, JSON.stringify(value));
}

Storage.prototype.getObject = function(key) {
    return JSON.parse(this.getItem(key));
}

这样，即使在 API 下仅支持字符串，您也可以获得真正想要的功能。

扩展 Storage 对象是一个很棒的解决方案。对于我的 API，我为 localStorage 创建了一个外观，然后在设置和获取时检查它是否是一个对象。

var data = {
  set: function(key, value) {
    if (!key || !value) {return;}

    if (typeof value === "object") {
      value = JSON.stringify(value);
    }
    localStorage.setItem(key, value);
  },
  get: function(key) {
    var value = localStorage.getItem(key);

    if (!value) {return;}

    // assume it is an object that has been stringified
    if (value[0] === "{") {
      value = JSON.parse(value);
    }

    return value;
  }
}

Stringify 并不能解决所有问题

似乎这里的答案并没有涵盖 JavaScript 中所有可能的类型，所以这里有一些关于如何正确处理它们的简短示例：

//Objects and Arrays:
    var obj = {key: "value"};
    localStorage.object = JSON.stringify(obj);  //Will ignore private members
    obj = JSON.parse(localStorage.object);
//Boolean:
    var bool = false;
    localStorage.bool = bool;
    bool = (localStorage.bool === "true");
//Numbers:
    var num = 42;
    localStorage.num = num;
    num = +localStorage.num;    //short for "num = parseFloat(localStorage.num);"
//Dates:
    var date = Date.now();
    localStorage.date = date;
    date = new Date(parseInt(localStorage.date));
//Regular expressions:
    var regex = /^No\.[\d]*$/i;     //usage example: "No.42".match(regex);
    localStorage.regex = regex;
    var components = localStorage.regex.match("^/(.*)/([a-z]*)$");
    regex = new RegExp(components[1], components[2]);
//Functions (not recommended):
    function func(){}
    localStorage.func = func;
    eval( localStorage.func );      //recreates the function with the name "func"

我不建议存储函数，因为eval()它可能会导致有关安全、优化和调试的问题。一般来说，eval()永远不应该在 JavaScript 代码中使用。

私人会员

JSON.stringify()用于存储对象的问题是，这个函数不能序列化私有成员。这个问题可以通过覆盖.toString()方法来解决（在网络存储中存储数据时会隐式调用）：

//Object with private and public members:
    function MyClass(privateContent, publicContent){
        var privateMember = privateContent || "defaultPrivateValue";
        this.publicMember = publicContent  || "defaultPublicValue";

        this.toString = function(){
            return '{"private": "' + privateMember + '", "public": "' + this.publicMember + '"}';
        };
    }
    MyClass.fromString = function(serialisedString){
        var properties = JSON.parse(serialisedString || "{}");
        return new MyClass( properties.private, properties.public );
    };
//Storing:
    var obj = new MyClass("invisible", "visible");
    localStorage.object = obj;
//Loading:
    obj = MyClass.fromString(localStorage.object);

循环引用

另一个stringify无法处理的问题是循环引用：

var obj = {};
obj["circular"] = obj;
localStorage.object = JSON.stringify(obj);  //Fails

在此示例中，JSON.stringify()将抛出TypeError “将循环结构转换为 JSON”。如果应该支持存储循环引用，则JSON.stringify()可以使用第二个参数：

var obj = {id: 1, sub: {}};
obj.sub["circular"] = obj;
localStorage.object = JSON.stringify( obj, function( key, value) {
    if( key == 'circular') {
        return "$ref"+value.id+"$";
    } else {
        return value;
    }
});

然而，找到一个有效的存储循环引用的解决方案很大程度上取决于需要解决的任务，恢复这些数据也并非易事。

已经有一些关于 SO 处理这个问题的问题：Stringify (convert to JSON) a JavaScript object with circle reference