基于JavaScript的关键词过滤示例
业务场景中，合作第三方的的各种AI内容审核模型，完全达不到满意的状态，奇怪这么简单的一个东西，有这么复杂吗，自己动手来一个DEMO，给开发，仅供参考。
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>关键词过滤器</title>
</head>
<body>
<h2>关键词过滤器</h2>
<textarea cols=60 rows=10 id="userInput" placeholder="请输入内容..."></textarea><br>
<button onclick="filterKeywords()">提交</button>
<h3>过滤后的内容：</h3>
<textarea cols=60 rows=10 id="filteredOutput" readonly></textarea>
<h3>关键词（用逗号分隔）：</h3>
<textarea cols=60 rows=10 id="keywordsInput">http,https,qq,weixin,手机号,wx,fuck,.com,teng xun</textarea>
<script>
// 提交时获取关键词并进行过滤
function filterKeywords() {
const content = document.getElementById("userInput").value;
const keywords = getKeywords(); // 获取当前输入的关键词列表
const filteredContent = filterContent(content, keywords);
document.getElementById("filteredOutput").value = filteredContent;
}
// 获取关键词并生成数组
function getKeywords() {
const input = document.getElementById("keywordsInput").value;
return input.split(",").map(keyword => keyword.trim().toLowerCase()).filter(Boolean);
}
// 过滤内容中的关键词及前10个字符和后30个字符
function filterContent(content, keywords) {
let result = content;
// 构建适用于一般关键词和特殊关键词的正则
const generalKeywords = keywords.filter(k => !k.includes('.')).join("|"); // 一般关键词
const specialKeywords = keywords.filter(k => k.includes('.')).join("|"); // 特殊关键词
// 针对一般关键词使用单词边界匹配
const generalRegex = new RegExp(`(${generalKeywords})`, "gi");
// 针对特殊关键词，不使用单词边界
const specialRegex = new RegExp(`(${specialKeywords})`, "gi");
// 替换一般关键词及其前10个字符和后30字符
result = replaceKeywords(result, generalRegex);
// 替换特殊关键词及其前10个字符和后30字符
result = replaceKeywords(result, specialRegex);
return result;
}
// 替换内容中匹配的关键词及其前10个字符和后30个字符
function replaceKeywords(content, regex) {
let result = content;
let match;
while ((match = regex.exec(content)) !== null) {
const start = match.index;
const end = Math.min(content.length, start + match[0].length + 30); // 后30个字符
const startReplace = Math.max(0, start - 10); // 前10个字符
const replaceStr = '*'.repeat(end - startReplace); // 计算总替换长度
result = result.slice(0, startReplace) + replaceStr + result.slice(end);
regex.lastIndex = startReplace + replaceStr.length; // 更新正则搜索起点，避免无限循环
}
return result;
}
</script>
</body>
</html>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗？
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句：使用策略模式优化代码结构
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义