filter函数使用出现的问题

最新推荐文章于 2023-01-03 10:17:25 发布

焦会理人

最新推荐文章于 2023-01-03 10:17:25 发布

阅读量1.5k

点赞数

本文链接：https://blog.csdn.net/qq_44717274/article/details/118574763

版权

本文探讨如何在输入框筛选时，通过维护一个临时数组，解决数据逐次减少的问题，提升前端列表筛选性能。作者提供了使用`arrayindexList`辅助存储当前列表所有值的方法，并详细解释了代码实现和优化技巧。

摘要由CSDN通过智能技术生成

需求：

需要在筛选框中，输入筛选条件，筛选出当前列表中符合的数据。

indexList：[] 是数组存储的数据


e是获取输入框中的值
query(e){
          this.indexList=this.indexList.filter(function (item) {
				return item.goodsname.indexOf(e) != -1 
				});
}
这样会出现数据越来越少的问题，需要再定义一个数组，来每次进行筛选时，是筛选当前列表的所有值
arrayindexList:[]
indexList：[] 是数组存储的数据

query(e){
          this.arrayindexList=this.indexList
          this.indexList=this.indexList.filter(function (item) {
				return item.goodsname.indexOf(e) != -1 
				});
}