尝试将数组值与输入值匹配，但在jQuery中返回false

Question

我一直试图将数字数组列表与input数字值进行匹配，但是每次循环时，它似乎根本找不到匹配项。 因此，该方案是，如果input2相匹配的任何值， input1 ，然后它应该显示该警报在if statements 。

我在这里遗漏一些明显的东西吗？

 var inputValues = ["1", "2", "3", "4", "5"] var input1Val = $("#input1").val(inputValues); function saveBtn() { var input2Val = $('#input2').val(); var isMatched = false; for (var i = 0; i < inputValues.length; i++) { if(inputValues[i] === input2Val) { var isMatched = true; } else { isMatched = false; } } if(isMatched) { alert('is matched and should save'); } else { alert('Is not matched! Error!'); } } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="text" name="input1" id="input1" /> <br /> <br /> <input type="text" name="input2" id="input2" value="" placeholder="Enter any above shown above"/> <button type="submit" onclick="saveBtn()">Save Value</button> 

Answer 1

更改为：

if(inputValues[i] === input2Val) {
  isMatched = true; // Notice that "var" should not be added here
  break; // Not necessary, but will speed up your code
} else {
  //isMatched = false; // Remove this line
}

Answer 2

它适用于您检查的最后一个值5。 加break; 如果找到匹配项。 而且您应该从循环中删除var它什么也不做。 当您的代码正在寻找单个匹配项时， else部分也可以删除。

所以：

for (var i = 0; i < inputValues.length; i++) {
    if(inputValues[i] === input2Val) {
      isMatched = true;
      break;
    } 
  }

Answer 3

您在这里有2个问题。

1）一旦发现，您必须打破循环。

2）您正在创建一个新的isMatched变量，而不是更新已经存在的变量。 删除var，它应该可以工作。

 var inputValues = ["1", "2", "3", "4", "5"] var input1Val = $("#input1").val(inputValues); function saveBtn() { var input2Val = $('#input2').val(); var isMatched = false; for (var i = 0; i < inputValues.length; i++) { if(inputValues[i] === input2Val) { isMatched = true; } } if(isMatched) { alert('is matched and should save'); } else { alert('Is not matched! Error!'); } } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="text" name="input1" id="input1" /> <br /> <br /> <input type="text" name="input2" id="input2" value="" placeholder="Enter any above shown above"/> <button type="submit" onclick="saveBtn()">Save Value</button> 

Answer 4

您应该仅在匹配时修改isMatched值，否则，即使它与先前的值匹配，也要将其值重置为false 。

您也可以中断for循环以避免不必要的迭代：

for (var i = 0; i < inputValues.length; i++) {
  if(inputValues[i] === input2Val) {
    isMatched = true;
    break;
  }
}

 var inputValues = ["1", "2", "3", "4", "5"] var input1Val = $("#input1").val(inputValues); function saveBtn() { var input2Val = $('#input2').val(); var isMatched = false; for (var i = 0; i < inputValues.length; i++) { if(inputValues[i] === input2Val) { isMatched = true; break; } } if(isMatched) { alert('is matched and should save'); } else { alert('Is not matched! Error!'); } } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="text" name="input1" id="input1" /> <br /> <br /> <input type="text" name="input2" id="input2" value="" placeholder="Enter any above shown above"/> <button type="submit" onclick="saveBtn()">Save Value</button> 

Answer 5

从这里删除变量

if(inputValues[i] === input2Val) {
      var isMatched = true;
    } else {
      isMatched = false;
    }

像这样

if(inputValues[i] === input2Val) {
      isMatched = true;break;
} else {
    // do something else
}

发生的事情是，您总是在对新的isMatched变量进行除垢，因此原始变量始终为false。

Answer 6

if(inputValues[i] === input2Val) {
      var isMatched = true; //here is the problem
    } else {
      isMatched = false;
    }

它应该像

if(inputValues[i] === input2Val) {
      isMatched = true;
    } else {
      isMatched = false;
    }

Answer 7

1. 从isMatched内部循环中删除了var。
2. 在成功的比赛中增加了内线突破。

 var inputValues = ["1", "2", "3", "4", "5"] var input1Val = $("#input1").val(inputValues); function saveBtn() { var input2Val = $('#input2').val(); var isMatched = false; for (var i = 0; i < inputValues.length; i++) { if(inputValues[i] === input2Val) { isMatched = true; //Not initialized here. Removed var break; //added this to break out of loop. } } if(isMatched) { alert('is matched and should save'); } else { alert('Is not matched! Error!'); } } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="text" name="input1" id="input1" /> <br /> <br /> <input type="text" name="input2" id="input2" value="" placeholder="Enter any above shown above"/> <button type="submit" onclick="saveBtn()">Save Value</button> 

Answer 8

在函数外部声明isMatched变量。

 var inputValues = ["1", "2", "3", "4", "5"] var input1Val = $("#input1").val(inputValues); var isMatched = false; function saveBtn() { var input2Val = $('#input2').val(); var isMatched = false; for (var i = 0; i < inputValues.length; i++) { console.log(typeof(inputValues[i]), typeof(input2Val)); if(inputValues[i] === input2Val) { isMatched = true; } } console.log(isMatched) if(isMatched) { alert('is matched and should save'); } else { alert('Is not matched! Error!'); } } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="text" name="input1" id="input1" /> <br /> <br /> <input type="text" name="input2" id="input2" value="" placeholder="Enter any above shown above"/> <button type="submit" onclick="saveBtn()">Save Value</button> 

var inputValues = ["1", "2", "3", "4", "5"]
var input1Val = $("#input1").val(inputValues);
var isMatched = false;

function saveBtn() {
  var input2Val = $('#input2').val();
  var isMatched = false;
  for (var i = 0; i < inputValues.length; i++) {
  console.log(typeof(inputValues[i]), typeof(input2Val));
    if(inputValues[i] === input2Val) {
      isMatched = true;
    } 
  }
  console.log(isMatched)

  if(isMatched) {
    alert('is matched and should save');
  } else {
    alert('Is not matched! Error!');
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" name="input1" id="input1" /> <br /> <br />
    <input type="text" name="input2" id="input2" value="" placeholder="Enter any above shown above"/>
    <button type="submit" onclick="saveBtn()">Save Value</button>