【JavaScript】模糊搜索

最新推荐文章于 2025-12-02 21:41:05 发布

原创最新推荐文章于 2025-12-02 21:41:05 发布 · 96 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #vue.js #开发语言 #ecmascript #前端

JavaScript/TypeScript 专栏收录该内容

36 篇文章

订阅专栏

这篇博客探讨了如何在前端实现模糊搜索功能，通过遍历数据并使用正则表达式匹配用户输入的字符串来查找匹配项。关键代码展示了在JavaScript中如何处理这一过程，涉及的数据结构包括selectedColumns和selectParam。文章适合前端开发者了解和学习模糊查询的实现细节。

需求展示

前端做模糊搜索，展示搜索的字符串。

关键代码实现

// selectedColumns 搜索数据
// selectParam 用户输入字符串
this.selectedColumns.forEach((item, index) => {
	let str = item.displayName.toLowerCase()
	if (str.match(this.selectParam) !== null) {
		this.matchIndexArr.push(index)  // 获取匹配字符的索引，这里看你需求。
	}
})