Javascript 通过对象键像 SQL 一样在对象数组中搜索

Question

例如，我有一个像这样的数组:

var arr = [
    {"keyword": "Sample 1", "item": {"title":"Sample Title", "url": "/sample"}},
    {"keyword": "Foo 1", "item": {"title":"Foo Title", "url": "/sample"}}
];

我想在“关键字”键中进行搜索，就像用户在输入中按下某个键并返回匹配的对象时一样。

如果用户按下“s”键，则第一个[0]元素必须返回。就像使用 SQL LIKE 语句一样。

$("#query").on('keypress', function () {
    var result = $.grep(keywords, function(e){
    //I do not know what should i do here.    
    });
});

Answer 1

如果你想使用$.grep，你可以这样做:

$("#query").on('keyup', function() {
    var search = this.value.toLowerCase();
    var result = $.grep(keywords, function(el) {
        return el.keyword.toLowerCase().indexOf(search) > -1;
    });
});

演示:http://jsfiddle.net/9TPSa/

另请注意，我切换到 keyup 事件以便能够读取更新的 this.value。