JavaScript数组精准匹配问题：如何仅返回完全等于'Jon'的元素

首先咱们来看看你现有代码里的几个小问题：

• search("Jon")是包含匹配，只要字符串里有"Jon"就会返回匹配位置，所以Jon_111这种包含"Jon"的元素会被误匹配；
• 循环里的break位置不对——它在if外面，第一次循环就直接跳出了，根本没机会检查数组里的其他元素；
• 函数最后没有返回结果，就算找到了也拿不到值。

要实现精确匹配，最直接的方式就是用严格相等运算符===来判断元素是否完全等于"Jon"，下面是修正后的代码：

function getUserName(arrayName) {
  let result = null; // 初始化结果，没找到的话返回null
  for (let counter = 0; counter < arrayName.length; counter++) {
    // 严格相等判断，只有完全等于"Jon"才匹配
    if (arrayName[counter] === "Jon") {
      result = arrayName[counter];
      break; // 找到后就跳出循环，不用继续遍历
    }
  }
  return result; // 返回结果
}

如果你想用更简洁的数组方法，Array.find()可以一步到位，它会返回第一个满足条件的元素，找不到就返回undefined：

function getUserName(arrayName) {
  return arrayName.find(item => item === "Jon");
}

要是你一定要用正则来实现精确匹配（比如后续可能有更复杂的匹配规则），可以用^和$来限定字符串的开头和结尾，确保整个字符串就是"Jon"：

function getUserName(arrayName) {
  const jonRegex = /^Jon$/;
  return arrayName.find(item => jonRegex.test(item));
}

这样不管数组里有没有Jon_111、Jonny这类包含"Jon"的元素，都只会精确匹配到完全等于"Jon"的项啦。

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