前端实现搜索功能方法（支撑模糊查询）

CDwenhuohuo

于 2024-09-12 10:42:05 发布

阅读量333

点赞数 4

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/2302_76925238/article/details/142168973

版权

function findAndCollectData(result, titleValue) {
  return result
    .map(item => {
      const matchesCurrent = item.formName.includes(titleValue);
      let matchedChildren = [];
      if (item.children && item.children.length > 0) {
        matchedChildren = findAndCollectData(item.children, titleValue);
      }
      if (matchesCurrent || matchedChildren.length > 0) {
        return {
          ...item, // 返回原始项
          children: matchedChildren // 保留匹配的 children
        };
      }
      return null;
    })
    .filter(item => item !== null); 
}

result是数据源

titleValue是搜索条件