如何为表格添加标签/标记？多标签过滤关键词无法正确分隔求助

• 核心拆分逻辑：先将输入的标签字符串按你选定的分隔符（#、;等）分割，重点处理分隔符前后的空格，用trim()去除每个拆分结果的首尾空白，再过滤掉空字符串，避免无效值干扰后续匹配。

• JavaScript实现示例：

  // 示例输入："#前端 #JavaScript;Vue "
  const rawTags = document.querySelector('.tag-input').value;
  // 用正则匹配#或;作为分隔符，同时处理空格
  const validTags = rawTags.split(/[#;]/).map(tag => tag.trim()).filter(tag => tag.length > 0);
  // 输出结果：["前端", "JavaScript", "Vue"]
  

• 表格过滤匹配逻辑：遍历表格的每一行，检查该行的标签字段是否包含拆分后的目标关键词（可根据需求选择“包含所有关键词”或“包含任一关键词”），如果需要忽略大小写，可将关键词和行内标签统一转为小写后再匹配。

• 常见问题排查：

  • 确认分隔符在正则中是否正确：#、;这类符号无需转义，直接放在正则的字符集里即可。
  • 必须清理冗余空格：用户输入时可能在分隔符前后加空格，trim()能确保关键词干净无多余空白。
  • 过滤空值：分割后可能出现空字符串（比如连续两个分隔符），用filter()过滤掉避免无效匹配。

内容的提问来源于stack exchange，提问作者Cascavel