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

Question

我根据json数组创建了一个表格，并完成了。

我想知道的是：
在这个表中搜索的最佳和最快的方法是什么（隐藏/显示行）？

• 如果我删除所有行并在json中搜索然后追加新行？
• 或只是在表格内搜索并隐藏不匹配的行？

Answer 1

最快的是使用CSS display:none或类似的方法隐藏不匹配的行，因为它不涉及任何DOM结构修改。拆除所有行并随时附加它们会导致许多页面重绘，因此可能会占用很多CPU。

至于搜索本身，最好搜索JSON。搜索表（作为DOM节点的集合）意味着一些DOM抓取，这再次比仅仅迭代数组慢。