Javascript 在500篇文章中实时搜索关键字的最快方法

我有一个模式，其中包含500多篇文章，但只有3行文章和标题可见

搜索关键字时，比如说

lorem ipsem

，我希望显示包含该关键字的所有文章，并隐藏其余的文章。它发生在

输入。onkeyup

上。为此，我测试了两种不同的方法：

#1 此代码用于在所有文章的

innerText

中搜索关键字。如果列包含关键字，则显示它，否则隐藏

const关键字=event.target.value.trim（）.toLowerCase（）；
const columns=document.querySelectorAll（'.articles'）；
如果（关键字.length>0）{
for（列中的列）{
if（column.innerText.toLowerCase（）.indexOf（关键字）=-1）{
column.style.display=“无”；
}否则{
column.style.display=“flex”；
}
}
}否则{
for（列中的列）{
column.style.display=“flex”；
}
}

这是前缀树的完美选择，我构建了一个示例，说明如何使用这个实现树的库来使用它

在这个例子中，我使用了大约300个div和随机文本

注意，上面的代码是lib本身，下面的代码是search

功能树（项目）{
这个._root={children:{}，值：null}；
（项目| |[]）。forEach（功能（项目）{
此.set（项目[0]，项目[1]）
}，这个）；
}
Tree.prototype.\u find=函数（键）{
变量长度=key.length；
如果（！长度）{
返回未定义；
}
var node=this.\u root；
var i；
对于（i=0；i{
如果（column.style.display！=“无”）{
column.style.display=“无”；
} 
})
t、 get（event.target.value.toLowerCase（））.forEach（column=>{
column.style.display=“block”；
}) 
console.timeEnd（'search take'）；
}

这是一只猫。这是一只不受威胁的猫。这是一只猫。这是一只猫。这是一只猫。这是一只猫。这是一只猫。这只猫是一只猫。这只猫是一只猫。它是一只猫。它是一只猫。它是一只猫！著名的弗林蒂利亚。每个法雷特拉吊牌的非nisl吊牌。康茂德·多奈克·普拉塔，库拉胡斯托的拉奥里特·努勒姆的一个门牌，这是智者的专利。这是一种潜在的专利。这是一种潜在的专利。这是一种潜在的专利。这是一种潜在的专利。这是一种潜在的专利！阿梅特·尼西·莫尔比·塞德·塞德·塞德·塞德·塞德·塞德·塞德·塞德·塞德·塞德·塞德·塞德·塞德·塞德·塞德·塞德·塞德·塞德·塞德·塞德·塞德·塞德·塞德·塞德·塞德·塞德·塞德·塞德·塞德·塞德·塞德·塞德·塞德·塞德·塞德·塞德·塞德·塞德·塞德·塞德！这是一个很好的解决方案。我们在奥古斯·伊库利斯（semper iaculis）和奥古斯·奥古斯·伊库利斯（Faucibus erat orci luctus Temporal nibh dolor metus convallis）之间找到了一条龙。这条龙是一条龙！达比布斯韦尔卢克图斯葡萄！多奈克调味品猫咪和奥奇酵母。多勒·埃吉斯·乌尔特里斯·特鲁斯在非、非、非、非、非、非、非、非、非、非、非、非、非、非、非、非、非、非、非、非、非、非、非、非、非、非、非、非、非、非、非、非、非、非、非、非、非、非、非、非、非、非、非、非、非、非、非、非、，普尔文纳·泰勒斯。我们的精英们，我们的智者，我们的社会，我们的生活。我们的交通工具，我们的交通工具，我们的交通工具，我们的交通工具，我们的交通工具，我们的交通工具，我们的交通工具，我们的交通工具，我们的交通工具，我们的交通工具，我们的交通工具，我们的交通工具，我们的交通工具，我们的交通工具，我们的交通工具，我们的交通工具，我们的交通工具！Euismod nostra tempus mollis fringilla，viverra fusce morbi porta！不，不，不，不，不，不，不，不，不！这是一种特殊的饮食习惯，是一种习惯性的饮食习惯，是一种习惯性的饮食习惯！这是一个很好的例子，它是一个很好的例子！在这一时期，我们的主要目标是：在《爱神的权杖》中，我们的拍卖人，在《圣经》中，我们的基本原则是：在《圣经》中，我们的每一位拍卖人，在《圣经》中，厄洛斯·努拉姆·乌兰科珀的名言！欧盟内部存在着一个巨大的缺口，一个巨大的缺口，一个巨大的缺口，一个巨大的缺口，一个巨大的缺口，一个巨大的缺口，一个巨大的缺口，一个巨大的缺口