前端Js实现模糊查询

最新推荐文章于 2024-08-01 21:45:09 发布

渣渣灰飞

最新推荐文章于 2024-08-01 21:45:09 发布

阅读量2.1k

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/flhhly/article/details/125781317

版权

本文介绍了如何使用JavaScript的match()方法对字符串进行模糊查询，以实现在给定数据中搜索包含特定关键词的记录，并展示了如何将查询结果按key重排序。通过实例代码和相关教程链接，读者可以学习到如何在实际项目中高效利用该方法进行数据筛选。

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

使用match方法对字符串模糊查询

需要查询的原有数据：

data1: [
        {
          key: 1,
          name: '第一'
        },
        {
          key: 2,
          name: 'ssss'
        },
        {
          key: 3,
          name: '12121'
        },
        {
          key: 4,
          name: '####'
        },
        {
          key: 5,
          name: '!!**'
        }

查询数据

查询之后返回的数据

直接上代码：

 hhh() {
      console.log(this.data2)
      var reg = new RegExp(this.title, 'i')
      const arr = []
      this.data1.forEach((item) => {
        if (item.name.match(reg) !== null) {
          arr.push(item)
        }
      })
      this.data2 = arr
      const deWeightThree = () => {
        const map = new Map()
        for (const item of this.data2) {
          if (!map.has(item.key)) {
            map.set(item.key, item)
          }
        }
        return [...map.values()]
      }
      this.data2 = deWeightThree()
      console.log(this.data2)

详细学习地址：

JavaScript match() 方法 | 菜鸟教程