在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

:)保持在它。

需要記住的是，在搜索一切後，你只能說'nope找不到它'。所以...保持一個標誌:)

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循環之後，但在上面的代碼應該是你少混亂。希望這有助於