通过许多对象优化我的搜索查询

Question

下面的代码片段，它的作用是搜索大约 100 个对象并检查我的查询是否与条目的标题匹配，一次一个字符。 输入任何字母时，它会冻结浏览器大约 5 秒钟，然后重新获得控制权。

片段：

results = _.filter(cmp.get('v.components'), function(item) {
            return item.componentName.toLowerCase().indexOf(queryResult) != -1;
        });

作为 Javascript 的新手，我在编写这段代码时已经遇到了一些问题，所以我对如何改进这一点有点不了解。我准备了一段代码，因此它会在获得结果后将其删除之前显示加载屏幕，但由于浏览器冻结，它不会显示任何内容。

顺便说一句，我们仅限于使用 Javascript 和 underscore.js，因此我们无法访问 jQuery 或其他库。

Answer 1

你可以从下划线切换到纯js，它应该接近下划线的两倍。此外，它不是更多的代码。我创建了一个非常简单的基本测试here。

js 版本看起来像

data.filter(item => item.componentName.toLowerCase().indexOf(queryResult) > -1);

或者它的 es5 等价物

data.filter(function(item) { return item.componentName.toLowerCase().indexOf(queryResult) > -1; });

对于其余部分，您需要检查调用 cmp.get('v.components') 时可能存在的瓶颈