如何加快对HTML5 localStorage中存储的JSON的访问？

Question

在我的Cordova / PhoneGap应用程序中，我有一堆JSON代码存储在localStorage中，用于呈现自定义的表单字段。当用户点击一个对象时，我从localStorage中检索JSON，解析它，遍历所有对象以查看它的ID是否与我选择的ID匹配，当它找到匹配时，它运行一个函数来显示表单字段。像这样：

    $(document).on('click', '.checklistObject', function() {
    var allChecklists = JSON.parse(localStorage.checklists);
    var element_id = $(this).attr("id");
    $.each(allChecklists, function(key, val) {
        if (val.id == element_id) {
            displayChecklist(val);
        }
    });
});

现在这对旧设备来说真的很慢。像5秒的加载时间。

有没有更快的方法来执行此操作，最好是跳过迭代部分，直接在localStorage中查找对象，或以某种方式将数据存储在<li> DOM对象中，然后从那里抓取它？ / p>

$('.checklistObject').click(function(){
    displayChecklist(this.jsonData);
 });