js实现模糊查询的方法

渴望成为一名攻城狮的菜鸟

已于 2022-10-20 17:07:35 修改

阅读量892

点赞数

文章标签： javascript 开发语言 ecmascript html5 jquery

于 2022-10-20 16:59:46 首次发布

本文链接：https://blog.csdn.net/weixin_45718332/article/details/127430444

版权

使用match方法实现模糊查询

  /**
   * 使用match方法实现模糊查询
   * @param  {Array}  list     进行查询的数组
   * @param  {String} keyWord  查询的关键词
   * @return {Array}           查询的结果
   */
  function fuzzyQuery(list, keyWord) {
    var arr = [];
    for (var i = 0; i < list.length; i++) {
      if (list[i].match(keyWord) != null) {
        arr.push(list[i]);
      }
    }
    return arr;
  }

测试代码

<body>
    <button onclick="ceshi()">模糊查询</button>
    <script>
        function fuzzyQuery(list, keyWord) {
            var arr = [];
            for (var i = 0; i < list.length; i++) {
                if (list[i].match(keyWord) != null) {
                    arr.push(list[i]);
                }
            }
            console.log(arr);
            return arr;
        }
        var a = ["热控-测试", "测试-测试-热", "测试-热控-测试"];
        var keyWord = "热控-测试";

        function ceshi() {
            fuzzyQuery(a, keyWord);
        }
    </script>
</body>

测试结果
在这里插入图片描述

使用indexof方法实现模糊查询

/**
  * 使用indexof方法实现模糊查询
  * @param  {Array}  list     进行查询的数组
  * @param  {String} keyWord  查询的关键词
  * @return {Array}           查询的结果
   */
  function fuzzyQuery(list, keyWord) {
    var arr = [];
    for (var i = 0; i < list.length; i++) {
      if (list[i].indexOf(keyWord) >= 0) {
        arr.push(list[i]);
      }
    }
    return arr;
  }```
 
```javascript
在这里插入代码片

使用test方法实现模糊查询

/**
 使用test方法实现模糊查询
 * @param  {Array}  list     原数组
 * @param  {String} keyWord  查询的关键词
 * @return {Array}           查询的结果
   */
  function fuzzyQuery(list, keyWord) {
    var reg =  new RegExp(keyWord);
    var arr = [];
    for (var i = 0; i < list.length; i++) {
      if (reg.test(list[i])) {
        arr.push(list[i]);
      }
    }
    return arr;
  }

使用spilt方法实现模糊查询

/**
   * 使用spilt方法实现模糊查询
   * @param  {Array}  list     进行查询的数组
   * @param  {String} keyWord  查询的关键词
   * @return {Array}           查询的结果
   */
  function fuzzyQuery(list, keyWord) {
    var arr = [];
    for (var i = 0; i < list.length; i++) {
      if (list[i].split(keyWord).length > 1) {
        arr.push(list[i]);
      }
    }
    return arr;
  }