Javascript Filterfunction使用数组代替无序列表

Javascript Filterfunction使用数组代替无序列表,javascript,jquery,arrays,Javascript,Jquery,Arrays,我需要通过用户可以在输入字段中输入的某些字符串过滤Javascript中的大量项目 目前,我将其设置在一个无序列表中,所有这些项目都隐藏在页面加载中,并在用户键入时根据需要显示。然后用户单击一个项目,一个值存储在一个隐藏字段中 然而,我想知道低端设备和移动设备使用javascript数组是否比在HTMLDOM中构建3000项列表更好 比如:vargkz=[[123,test],[345,test2],[867,banana] 而不是: 项目1 ... 项目3000 有人能告诉我如何创建这个小

我需要通过用户可以在输入字段中输入的某些字符串过滤Javascript中的大量项目

目前,我将其设置在一个无序列表中,所有这些项目都隐藏在页面加载中,并在用户键入时根据需要显示。然后用户单击一个项目,一个值存储在一个隐藏字段中

然而,我想知道低端设备和移动设备使用javascript数组是否比在HTMLDOM中构建3000项列表更好

比如:
vargkz=[[123,test],[345,test2],[867,banana]

而不是:

  • 项目1
  • ...
  • 项目3000

有人能告诉我如何创建这个小提琴的功能吗
使用数组作为项目源而不是列表?

为所有
li
元素刮取dom,将它们存储在内存中,然后使用
document.createDocumentFragment
来提高绘制效率。排序部分清楚地写在提琴上。既然所有3000个列表项都必须首先绘制,那么如何提高效率呢。您能否详细说明或给出拒绝投票的原因?也许jquery自动完成更适合此任务?我尝试了很多自动完成插件等-出于各种原因(特别是对于移动使用),下拉列表不是一个好的选择,我们希望坚持一个列表类型,如在小提琴,不依赖下拉列表