在 javascript 中循环遍历数组时跳过不匹配的字符串

Question

在下面的代码中，我有一个表单输入。当用户搜索恰好在数组中的字符串时，我希望它输出查询。当用户碰巧搜索不在数组中的字符串时，我想输出一条错误消息。问题是当用户在数组中搜索项目 [0] 以外的字符串（在本例中为 ipsum）时，他们会收到一条错误消息，然后返回查询。 我想知道是否可以使用以下代码解决此问题，或者是否应该采用不同的方法来执行此操作（我知道这是一种意见）。

<form>
<input type="text" id="formInput"></input>
<input type = "button" id="search"></input>
</form>

<script>

var search = document.getElementById("search");

var data = ["lorim", "ipsum"];
search.onclick = function(){
var formInput = document.getElementById("formInput").value;
for (i=0; i<data.length; i++){
    if (data[i] === formInput) {
      alert(data[i]);
    }   
      else{ alert("not working yet");   }
}
};
</script>

Answer 1

你

不需要循环，只需使用 indexOf：

search.onclick = function(){
    var formInput = document.getElementById("formInput").value;
    if (data.indexOf(formInput) === -1) {
        // they entered a bad search term
        return;
    }
    // do the rest of your search logic
};

Answer 2

:)坚持下去。

要记住的是，在搜索所有内容后，您只能说"不，没有找到它"。 所以... 保持旗帜:)

var didntFind = true;
for (var i = 0; i < data.length; i++) {
    if (data[i] === formInput) {
        alert(data[i]);
        didntFind = false;
        break;
    }
}
if (didntFind) alert('error!');

您也可以在循环后检查是否i === data.length-1，但上面的代码对您来说应该不那么混乱。希望这有帮助