如何在Next.js中一次性检测URL多个指定名称，避免重复编写逻辑？

当然可以！重复写六次判断逻辑太冗余了，这里有两种简洁的方式帮你实现多关键词检测，既优雅又易维护：

方法一：使用数组 + Array.some() 方法 #

这种方式可读性很强，适合需要清晰展示检测列表的场景：

$(document).ready(function(){
  const urlString = window.location.href;
  // 把需要检测的六个名称放到数组里
  const targetNames = ['bogdan', 'alice', 'bob', 'charlie', 'david', 'eve'];
  
  // 用some()遍历数组，只要有一个名称存在于URL中就返回true
  const hasTargetName = targetNames.some(name => urlString.indexOf(name) !== -1);
  
  if (hasTargetName) {
    alert('bb');
  }
});

解释：Array.some() 会遍历数组中的每个元素，只要有一个元素满足条件（这里就是URL包含该名称），就会立即返回true，不会继续遍历剩下的元素，效率也很高。

方法二：使用正则表达式 #

如果你的关键词没有特殊字符，这种方式会更简洁：

$(document).ready(function(){
  const urlString = window.location.href;
  // 用|分隔多个关键词，创建正则表达式（i表示不区分大小写，可选）
  const nameRegex = /bogdan|alice|bob|charlie|david|eve/i;
  
  if (nameRegex.test(urlString)) {
    alert('bb');
  }
});

解释：正则表达式的test()方法会检查字符串是否匹配指定的模式，只要URL包含任意一个关键词就会返回true。如果需要区分大小写，去掉末尾的i即可。

两种方法都能帮你避免重复代码，你可以根据自己的习惯选择～

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