如何检查本地存储数据集中是否存在值？

Question

我已经完成了一些有关本地存储的研究。 似乎是存储数据的不错选择。 在我的单页应用程序中，我使用JSON存储一些在我的应用程序中多次使用的数据。 我想知道是否可以用本地存储替换JSON？ 还有什么好处呢？ 到目前为止，我已经能够在本地存储中加载数据，但无法检查本地存储中是否存在值以及如何读取数据。 这是示例：

$.ajax({
        type: 'POST',
        url: 'App.cfc?method='+getMethod,
        data: {'recID':recID},
        dataType: 'json'
    }).done(function(obj){
        var numRecs = obj.RECORDCOUNT;
        jsonData[recID] = obj.DATA;
        localStorage.setItem(recID,JSON.stringify(obj.DATA));

        var firstN = jsonData[recID].hasOwnProperty('F_NAME') == true ? $.trim(jsonData[recID]['F_NAME']['value']) : '',
        lastN = jsonData[recID].hasOwnProperty('L_NAME') == true ? $.trim(jsonData[recID]['L_NAME']['value']) : '';
        console.log(localStorage[recID] +'\n'+ localStorage[recID].hasOwnProperty("L_NAME")); //Check Local Storage if value exist

    }).fail(function(jqXHR, textStatus, errorThrown){
    if(jqXHR.status == 0){
        alert("Fail to connect. Please check your internet connection.");
    }else{
        alert("Error: "+errorThrown);
    }
});

这是JSON和localStorage数据的示例：

{"F_NAME":{"value":"John"},"L_NAME":{"value":"Smith"}}

我在控制台中转储数据后，JSON和本地存储都具有相同的结构，但是hasOwnProperty()在我在控制台中测试本地存储的上述代码示例中指示false 。 我想知道我的代码是否无效或其他原因导致我的代码失败。 我想使用本地存储的主要原因是用户失去互联网连接时的情况。 在那种情况下，我想将表单数据保存在本地存储中，这样用户就不会丢失数据。 如果有人可以提供示例或任何提示的帮助，请告诉我。 谢谢！

Answer 1

localStorage存储字符串 ，由于您在保存时已经JSON.stringify() ，所以您会知道这些字符串 。 但是您需要更换支票

localStorage[recID].hasOwnProperty("L_NAME")

与

JSON.parse(localStorage[recID]).hasOwnProperty("L_NAME")

编辑：您有一个完整的对象 ，将其存储为localStorage[recID] ，因此您需要对其进行解析，然后访问生成的对象，例如：

 const record = JSON.stringify({ "F_NAME": { "value": "John" }, "L_NAME": { "value": "Smith" } }); console.log(JSON.parse(record)['F_NAME']['value']) 

JSON.parse(record)成为对象，然后访问其后代参数['F_NAME']['value'] 。 括号的位置至关重要。