如何用JavaScript找出用户输入字符中匹配字符串数组的字符

要实现这个需求，核心是逐个检查用户输入的每个字符是否存在于数组的任意字符串中，符合条件的字符就拼接成结果字符串。以下是两种可行的实现方式：

方法一：用Set优化查找效率 #

先把数组中所有出现过的字符收集到一个Set集合中（集合的查找操作是O(1)，比多次遍历数组更高效），再遍历用户输入的字符进行匹配：

var array = [ "tofu", "fish", "meat" ];
var user_type = "ztaf";
var found = "";

// 收集数组中所有存在的字符
var availableChars = new Set();
array.forEach(str => {
  for (let char of str) {
    availableChars.add(char);
  }
});

// 遍历用户输入的字符，筛选符合条件的
for (let char of user_type) {
  if (availableChars.has(char)) {
    found += char;
  }
}

console.log(found); // 输出 "taf"

方法二：直接遍历检查（无需额外集合） #

利用数组的some()方法，直接判断当前字符是否在数组的任意字符串中存在：

var array = [ "tofu", "fish", "meat" ];
var user_type = "ztaf";
var found = "";

for (let char of user_type) {
  // some()会在数组中有一个元素满足条件时立即返回true
  const isCharPresent = array.some(str => str.includes(char));
  if (isCharPresent) {
    found += char;
  }
}

console.log(found); // 输出 "taf"

你之前可能出错的原因 #

大概率是逻辑判断有误：

• 误用了every()（要求所有字符串都包含该字符才返回true）而不是some()；
• 直接比较整个字符串是否在数组中，而非检查单个字符；
• 循环顺序错误，比如先遍历数组再遍历字符，导致匹配逻辑混乱。

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