求助：数组中无匹配值时无法显示错误消息问题排查

Hey Tom, let's break down what's causing your error message to go missing when the user's input doesn't match anything in your array. The root issue is almost certainly that your final if statement (the one checking for "GT"/"MT" fragments) is overriding the logic that triggers the error message—here's how to fix it:

Common Scenario of the Problem #

Chances are your code looks something like this right now, where the fragment-checking logic accidentally marks a match as found even when there's no actual match in the array:

const userInput = document.getElementById('formInput').value;
const targetArray = ['ABC123', 'DEF456', 'GT789', 'MT012'];
let hasMatch = false;

// Exact match check
for (const item of targetArray) {
  if (item === userInput) {
    displayMatchingItem(item);
    hasMatch = true;
    break;
  }
}

// Fragment check for "GT"/"MT"
if (userInput.includes('GT') || userInput.includes('MT')) {
  // Maybe you're trying to show related items here, but...
  hasMatch = true; // Oops! This sets hasMatch to true even if no array item matches
}

// Error message logic
if (!hasMatch) {
  showErrorMessage(); // This never runs if the input has "GT"/"MT" but no actual match
}

The Fix: Link Fragment Logic to Match Status #

You need to ensure the fragment check only runs if no exact match was found, and that it only marks a match as found if there are actual matching items in the array. Here's the corrected version:

const userInput = document.getElementById('formInput').value;
const targetArray = ['ABC123', 'DEF456', 'GT789', 'MT012'];
let hasMatch = false;

// Step 1: Check for exact matches first
for (const item of targetArray) {
  if (item === userInput) {
    displayMatchingItem(item);
    hasMatch = true;
    break;
  }
}

// Step 2: Only check fragments if no exact match was found
if (!hasMatch) {
  // Find array items that contain "GT" or "MT"
  const partialMatches = targetArray.filter(item => 
    item.includes('GT') || item.includes('MT')
  );

  if (partialMatches.length > 0) {
    // Display the partial matches to the user
    displayPartialMatches(partialMatches);
    hasMatch = true;
  } else {
    // No matches of any kind—show the error message
    showErrorMessage();
  }
}

Key Changes Explained #

• We nest the fragment check inside an if (!hasMatch) block, so it only runs when the exact match failed.
• Instead of just checking if the input contains "GT"/"MT", we filter the array to find actual items that include those fragments. This ensures we only mark a match as found when there's something valid to show.
• The error message is triggered only when both exact and partial matches are absent.

This way, your error message will reliably show up whenever the user's input doesn't have any exact or partial matches in the array.

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