在 JavaScript 中的某个数字上停止 FOR 循环答案

【问题标题】：Stopping FOR loop on certain number in JavaScript在 JavaScript 中的某个数字上停止 FOR 循环
【发布时间】：2014-03-18 10:46:00
【问题描述】：

我有以下 JSFiddle：http://jsfiddle.net/uX8ZQ/

基本上，我试图实现持续的for loop，直到变量达到某个数字，一次加载 5 个。这是我目前所拥有的：

HTML：

<button onclick="go()">Load</button>
<p id="demo"></p>

JavaScript：

var max=16;
var y=5;

function go(){
    var x="";
    for (var i=1;i<=y;i++){
        if(i>max){
            return;
        }
        x=x + "The count is " + i + "<br>";
    }
    document.getElementById("demo").innerHTML=x;
    y=y+5;
}

我得到的结果是循环在15 处停止并且不会加载16

我是 JavaScript 新手，并试图通过循环来学习我的方法，但我似乎无法理解这一点。

顺便说一句，在 JSFiddle 中我使用了window.go = function(){，因为 JSFiddle 不能通过简单地定义函数来工作。我在我的文档中使用了上面的代码。

【问题讨论】：

return 退出函数。你的意思是break？

标签： javascript loops for-loop

【解决方案1】：

使用break 代替return，因为return 将在更新HTML 之前退出函数。

function go(){
    var x="";
    for (var i=1;i<=y;i++){
        if(i>max){
            break;
        }
        x=x + "The count is " + i + "<br>";
    }
    document.getElementById("demo").innerHTML=x;
    y=y+5;
}

【讨论】：