Javascript for 循环只到第一个数组元素

Question

我正在尝试将用户输入与数组元素进行比较并相应地更改变量的值，但 for 循环并未遍历数组的所有元素，它在第一个停止。为什么不将输入与数组的所有元素进行比较？

<p>Month</p>
// Get Number Of Month (Jan = 1, Feb = 2, Mar = 3, etc.)
<input id="monthNumber" type="number"><br><br> 

<button onclick="calculator()">Show</button><br><br>

<span id="result"></span><br><br>

还有代码

function getNumOfDays(){
    var array = new Array(1,3,5,7,8,10,12, 01, 03, 05, 07, 08);
    var monthNumber = document.getElementById("monthNumber").value;
    var x;

    for(var i = 0; i <= array.length; i++) {
        if(monthNumber == array[i]) { 
            x = 31; 
        } else {
            x = 30; 
        } 
        return (array[i] + " " + x)  //it always returns 1 to array[i]
    }
} 

function calculator2() {
    document.getElementById("result").innerHTML=getNumOfDays();
}

请在浏览器上尝试：

    <p>Month</p>
        // Get Number Of Month (Jan = 1, Feb = 2, Mar = 3, etc.)
        <input id="monthNumber" type="number"><br><br> 

        <button onclick="calculator()">Show</button><br><br>

        <span id="result"></span><br><br>

        <script>
    function getNumOfDays(){

        var array = new Array(1,3,5,7,8,10,12, 01, 03, 05, 07, 08);
        var monthNumber = document.getElementById("monthNumber").innerHTML;
        var x;
    console.log(monthNumber);
        for(var i = 0; i <= array.length; i++) {
            if(monthNumber == array[i]) { 
                x = 31; 
                break;
            } else {
                x = 30; 
            }   
        }

        return x;
    } 


    function calculator() {

      document.getElementById("result").innerHTML=getNumOfDays();
    }



    </script>

Answer 1

您的首要问题是您在迭代完成之前返回。

另一个问题是（可能）您应该只查找 ID 为 monthNumber 的元素的 innerHTML。 （如果 monthNumber 未定义，那么它将始终返回 30，如果没有找到更多代码/调试数据就不可能知道，因为您似乎根本没有调试）。

另一个问题是，如果遇到monthNumber == array[i]，您并没有打破循环。这样想，假设monthNumber 是3，果然monthNumber == array[i] (i = 3) 是真的。但是您仍在迭代，所以现在当它进入下一次迭代array[i] = 5 时，您将覆盖x 现在等于30 而不是31。所以一旦发现条件满足，就必须跳出循环。

我写了一个工作示例，可以满足您的需求（减去 2 月）。不过有一些建议，尽量不要对回答你问题的人无礼。很不清楚你想要什么，你的实际问题被回答了很多次。我知道这可能很困难，但请尽量与您的问题保持联系，如果您遇到其他问题，请提出另一个问题。

See here

<p id="monthNumber">
2
</p>

console.log(getNumOfDays());

function getNumOfDays(){
    var array = new Array(1,3,5,7,8,10,12, 01, 03, 05, 07, 08);
    var monthNumber = document.getElementById("monthNumber").innerHTML;
    var x;

    for(var i = 0; i <= array.length; i++) {
        if(monthNumber == array[i]) { 
            x = 31; 
            break;
        } else {
            x = 30; 
        }   //it always returns 1 to array[i]
    }

    return x;
} 

Answer 2

因为这样：

return (array[i] + " " + x)  //it always returns 1 to array[i]

在 if 或 else 完成后 return 自动结束循环。您应该打印该结果，而不是返回它。

Answer 3

您的return 语句位于for 循环内。放在外面。

function getNumOfDays(){

// Months with 31 days
var array = new Array(1,3,5,7,8,10,12, 01, 03, 05, 07, 08);

var monthNumber= parseInt(document.getElementById("monthNumber").value);
if(monthNumber==2)
   return (monthNumber + " " + x)
//variable x will change to 30 or 31 according to month user chose
    var x=30;

for(var i = 0; i <array.length; i++)// You had a problem here too. `i`should not be equal to array.length

  if(monthNumber== array[i]){
      x = 31; 
      break; //This is not necessary, but it improves performance
 }
return (monthNumber + " " + x)  //it always returns 1 to array[i]

}