从 JSON 创建的表网格 - 最佳搜索方式



我根据json数组创建了一个表格网格,它就完成了。

我想知道的是:
在此表中搜索(隐藏/显示行)的最佳和最快方法是什么?

  • 如果我删除所有行并在 JSON 中搜索然后附加新行,是不是?
  • 或者只是在表格内搜索并隐藏不匹配的行?

最快的是使用 CSS display:none 或类似方式隐藏不匹配的行,因为它不涉及任何 DOM 结构修改。分离所有行并在旅途中附加它们会导致多次页面重绘,因此可能会对 CPU 造成沉重负担。

至于搜索本身,最好通过 JSON 进行搜索。搜索表(作为 DOM 节点的集合)意味着一些 DOM 抓取,这比仅仅迭代数组要慢得多。

最新更新