javascript - 过滤 Html 表的最有效方法？

Question

我有一个ajax函数，它调用servlet来从各种网络服务获取产品列表，产品数量最多可达100,000个。我需要在 html 表格中显示此列表。

我试图为用户提供一个界面，以根据几个条件过滤此列表。目前我正在使用一个简单的 jQuery 插件来实现这一点，但我发现它会占用内存和时间。我使用的 Javascript 基本上使用正则表达式来搜索和过滤符合过滤条件的行。

我正在考虑另一种解决方案，其中我过滤 servlet 返回的 JSON 数组并将 html 表绑定(bind)到它。有没有办法实现这一点，如果有，那么它比正则表达式方法更有效。

Answer 1

检查多达 100,000 件元素并检查它们是否符合您的标准需要一段时间，特别是如果标准可能很复杂(必须是有 2 或 3 间卧室的公寓，邮政编码不是 12345，并且有壁炉，但不是按摩浴缸) .

也许您的 servlet 可以缓存 100,000 个项目的数据，并且它可以根据用户浏览器发布的条件进行过滤。例如，它可以返回“从 100,000 项中选择的 12,456 项中的第 1-50 项”，并让用户翻页到接下来的 50 项左右，甚至可以选择要返回的项数(25、50、全部)。

如果他们在大幅缩小数字范围之前选择“全部”，那么细心的用户会预计加载需要一段时间。

换句话说，甚至不要尝试在浏览器中管理 100,000 个项目，让服务器来完成。