如何使用JS将URL查询参数与预定义数组关键词进行精确匹配

原有代码的核心问题 #

• 预定义关键词数组存在语法错误：数组内的字符串未加引号，且new是JS保留关键字，直接书写会抛出语法异常
• 匹配逻辑错误：str.match(searchedkeyword)是判断数组项是否包含用户搜索内容的子串，属于反向模糊匹配，完全不符合「完全命中关键词」的要求

正确实现代码 #

1. 修正并预处理关键词数组 #

// 关键词数组字符串加引号，统一转小写避免大小写匹配异常
const keywords = ["new", "book", "old car", "bus ticket"].map(item => item.toLowerCase());

2. 提取搜索参数（增加非空兼容） #

let params = (new URL(document.location)).searchParams;
// 可选链+默认值避免q参数不存在时报错
let searchedKeyword = params.get("q")?.toLowerCase() || "";

3. 完全匹配逻辑 #

// 判断用户搜索内容是否完全等于数组中的某一个关键词
const matchedKeyword = keywords.find(item => item === searchedKeyword);

if (matchedKeyword) {
  // 匹配成功，此处写入你要触发的函数逻辑
  console.log(`命中关键词：${matchedKeyword}`);
}

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