前端搜索功能

• 一般情况下搜索功能都是由后端同学去完成的，这些搜索功能对于后端同学来相对简单，也可以进行模糊搜索，只要用sql语句在数据控中检索一下返回给前端就好了，但是对于前端同学来说搜索功能写起来就比较麻烦了，尤其对于这种多层数据结构的
• 今天把我在项目中遇到的搜索功能做个记录；我的需求是这样的：
  1. 根据搜索框中输入的文字查找第三层数据所对应的关键字
  2. 根据关键字将匹配的文字的中关键字高亮显示
  3. 根据关键字所在层级将之所对应的第一集和第二集拼接起来
  4. 数据结构的大概样式

  {
       
      "code": "10",
      "text": "第一大类llalallalla",
      "level": null,
      "parentCode": null,
      "riskLevel": null,
      "childrens": [
          {
       
              "code": "20",
              "text": "第二大类llallalal",
              "level": null,
              "parentCode": "20",
              "riskLevel": null,
              "childrens":[
                  {
       
                      "code": "2010101",
                      "text": "llalalalla",
                      "level": "1",
                      "childrens": [],
                      "parentCode": "2010",
                      "riskLevel": null