javascript - 实时搜索本地存储(在数组中搜索)

Question

这就是我所拥有的:

现在我想进行实时搜索。要点是，当您在文本框中键入内容时，您必须自动在本地存储中搜索与搜索框中的文本相同的内容。所有不匹配的数据都会消失。

$("#searchbox").keyup(function(){

    // Retrieve the input field text
    var searchtext = $(this).val();

    // Loop through the local storage
    var a = {};
    a = JSON.parse(localStorage.getItem('session'));

    alert(a);
});

正如你所看到的，我发出了一个警报，我的输出是这样的:

{"21114":{"id":"21114","external_id":"","sessiongroupid":"1844","eventid":"5588","order":"0","name":"localStorage
 HTML5 Session","description":"localstorage","starttime":"2013-04-23
 12:00:00","endtime":"2013-04-23
 13:30:00","speaker":"","location":"","mapid":"0","xpos":"0.000000","ypos":"0.000000","maptype":"plan","imageurl":"","presentation":"","organizer":"0","twitter":"","allowAddToFavorites":"0","allowAddToAgenda":"0","votes":"0","url":"","venueid":"0"},"21115":{"id":"21115","external_id":"","sessiongroupid":"1845","eventid":"5588","order":"0","name":"tweede","description":"tweede","starttime":"2013-04-03
 00:00:00","endtime":"2013-04-04
 00:00:00","speaker":"","location":"","mapid":"0","xpos":"0.000000","ypos":"0.000000","maptype":"plan","imageurl":"","presentation":"","organizer":"0","twitter":"","allowAddToFavorites":"0","allowAddToAgenda":"0","votes":"0","url":"","venueid":"0"}}

现在我想搜索这个名字。有人可以帮我怎么做吗？

Answer 1

简单地迭代对象

var json = JSON.parse(localStorage);

for(obj in json) {
    console.log(json[obj].name); //compare this with your "searchtext"
}

打印

localStorage HTML5 Session
tweede

您可以简单地在循环内部检查 .name 是否与您想要的任何内容匹配并处理它。