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

Question

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

段：

> convert output_test.mp4 output_test.gif

作为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')

的可能瓶颈