使用 javascript 搜索有限且手动创建的索引

Question

我有几个包含多媒体内容（flash）的页面，我希望能够通过一个页面搜索它的内容。

由于它的内容不可搜索，并且我有一个文档，其中包含将出现在每个页面中的所有单词/图像描述，我正在考虑将此内容写在几个页面中，将它们链接到带有多媒体的相应页面内容，并使用搜索引擎来索引这些信息。

但这看起来过于复杂了。所以我虽然使用 javascript 并将每个页面的关键字插入到它自己的数组中，当用户搜索它时，它会与每个数组进行比较并打印： "此内容可在以下页面中找到："

这看起来很简单，但我想听听更有经验的人的一些意见： - 对于我将遇到的问题； - 或更好/更简单的解决方案。

我要求任何做出贡献的人都认为我没有编程经验。

Answer 1

这听起来像是 Array.prototype.filter 的工作。
你还没有描述数据结构，所以我假设 Array 的 Object s。

假设你有这个数据结构，

var all_items = [
    {url: 'a', title:'First Entry', description:'Foo'},
    {url: 'b', title:'Second Entry', description:'Bar'},
    {url: 'c', title:'Third Entry', description:'FooBar'}
    // etc..
];

你可以像这样写一个基于.filter的搜索函数

function search(arr, str, url /* =true */, title /* =true */, desc /* =false */) {
    var src_fnc;
    // set true defaults
    if (undefined === url) url = true;
    if (undefined === title) title = true;
    // toBool
    url = url && true || false;
    title = title && true || false;
    desc = desc && true || false;
    // make function
    src_fnc = function (e) {
        if (url && e.url.indexOf(str) >= 0) return true;
        if (title && e.title.indexOf(str) >= 0) return true;
        if (desc && e.description.indexOf(str) >= 0) return true;
        return false;
    };
    return arr.filter(src_fnc);
}

然后调用它

search(all_items, 'ir');
/*  [
        {url: 'a', title:'First Entry', description:'Foo'},
        {url: 'c', title:'Third Entry', description:'FooBar'}
    ] */