For 语句打破循环

Question

我不知道如果我编辑以前的 post 是否有人会注意到，所以我现在在这里 post 一个新的。

我有这个代码

$(document) .ready(function(){
    var a;
    var b;
    var c;
    var d;
    var pmmain =["Citrix", "Coach", "Disney", "Edison", "Eversource", "Fedex", "General Dynamics", "Hertz", "Kimco", "Nabors", "Starbucks", "Timewarner", "TW Telecom", "Weatherford", "Western Union", "Zoetis"];
            $("#mains") .one("click",function(){
    c=0;
    d=c+4;
    a=4;
    b=0;

    for (a=c; a<d; a++){
    $("#pm-page-main") .append("<div class=\"main-box\"><div class=\"title-box\"><span class=\"reg-wht-bold\">"+pmmain[a]+"</span></div><BR><BR><img src=\"imgs\"+pmmain[a]+".png\"></div>");
    }
    });
       $("#next-four").click(function() {

                 b=a;
                 d = b +4;
                $("#pm-page-main") .html(""); 
        for (b=a; b < d; b++) {
          if(b != 16){

                $("#pm-page-main") .append("<div class=\"main-box\"><div class=\"title-box\"><span         class=\"reg-wht-bold\">" + pmmain[b] + "</span></div><BR><BR><img src=\"imgs\" + pmmain[b] + ".png\"></div>"+b+"").hide().show();
            }
             else{
        a=0;
        }}

                a = a+4;

    });

我添加的代码：

    $("#last-four").click(function() {

         b = (a)<pmmain.length?a:0;
    a = b;  // just in case if b is reset to 0
    d=b-8;


        $("#pm-page-main") .html(""); 

for (b=a; b-4 > d; d++) {


        $("#pm-page-main") .append(d+"<div class=\"main-box\"><div class=\"title-box\"><span class=\"reg-wht-bold\">" + pmmain[d] + "</span></div><BR><BR><img src=\"imgs\" + pmmain[d] + ".png\"></div>").hide().fadeIn(75);
   }

        a = a-4;
    });
    });

一切正常。这是一个一次显示 4 个项目的菜单。这里的问题是 for 语句即使到达数组末尾也不会停止循环。我试图在 for 循环中放置一个 if 语句，但无济于事。

我的问题是当 for 循环到达数组末尾时如何停止它？或者有没有办法回到前 4 项。有没有更好的方法来解决这个问题？我在 Jquery 中阅读过有关 .each 的内容，但我不知道如何使用它。

更新：我只在需要代码的地方粘贴 html。

    <div id="pm-page">
    <div id="top-left">
    <span class="title">PAGEMAKEUP Section</span>
    </div>

    <div id="top-right">
    <button class="btn-home">Home</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button class="btn-akbar">akbar</button>
    </div><BR>
    <h1 class="line-blank"><span></span></h1>
    <!--<div class="bar"></div>-->
    <div id="pm-body">
    <div class="pm-page-menu">
    <button id="mains">STYLE TEMPLATES</button>
    <button id="next-four">OVERPRINT VS KNOCKOUT</button>
    <button>CREATING CUSTOM QR CODE</button>
    <button>PM FILE MANAGER</button>
    </div>

    <div id="pm-page-main">

    </div>
    </div>
    </div>

第二次更新：嗨，我希望有人能看到这个。我已经更新了javascript代码，现在循环回到0。我现在无法解决的问题是当b等于16时，a应该重置为0以便显示前4项再次。但问题是，当我再次单击按钮时（在数组中的最后一个值之后），它不会返回到 0，而是显示未定义的 17、18、19。当我再次单击时，项目 0、1、2 和 3 被跳过，程序立即跳转到 4、5、6、7。截至目前，我仍在努力弄清楚。任何帮助将不胜感激。

第三次更新：有人看到了吗？我插入了几行。这是一个新按钮，它将显示前 4 个项目。它工作正常，除非我在前四项。当我点击按钮时，出现负数。我希望它达到 12-15，但我的脑子里一直在思考如何提出这个逻辑。有帮助吗？

Answer 1

在循环中添加另一个条件，以便在到达数组末尾时循环结束：

for (a = c; a < d && a < pmmain.length; a++) {

和

for (b = a; b < d && b < pmmain.length; b++) {

Answer 2

回答您的问题的一种方法是，是的，有一种方法可以打破循环。

for (b = a; b < d; b++) {
  if(b < d){
    //run equation
  }else{
    break;
  }
}

这将停止它所在的循环。这不是最安全的方法，但应该可以解决您的问题。

Answer 3

对于循环中断，

 loop:
 for (b = a; b < d; b++) {
 if(b < d){
     //your statement
    }else{
     break loop;
    }
  }

Answer 4

您的 "next-four" for 循环看起来不错，除了其中的 return 语句

return (b == pmmain.length);

我不知道你为什么把它放在里面，但这就是让你认为你的 for look 没有停止的原因，实际上它确实如此。让我解释清楚。

假设单击 'next-four' div 元素时，您的代码执行如下

b = a; //let us say 'a' is 4 and so as 'b' ie. b=4
d = b + 4; // d = 4 + 4 ==> d=8

for(b=a; b<d; b++)  // now b value is again set to 4 and run loop until b<8
{
     $("pm-page-main").append("<div..."> + pmmain[b] + "<...>"); // element added pmmain[4]= 'eee'
     return (b== pmmain.length); // this will break the loop right away
}
a = a+4; // you will never reach here because of return statement in the loop

如上所述，您的 return 语句将立即中断 for 循环和函数，此外，它将 return 对您的点击函数调用为 false，因为 b == pmmain.length即，4 == 16 总是错误的。 [请注意 - return false 将阻止该事件的默认操作 - 无论如何你的函数无需担心]

您的 for 循环仅执行一次，returns 返回（结束整个函数）。

并回答您返回数组中前 4 项的其他问题，可能会尝试像下面这样更改这行代码，

b = a;
d= b+4;

至

b = (a+4)<pmmain.length?a:0;
a = b;  // just in case if b is reset to 0
d=b+4;

这分配 b 值取决于您的数组长度和当前指针（'a' 值）。如果你的循环不能运行直到你的数组结束，那么 b 将得到 0，所以你将从你的数组的第一个值开始。

For 语句打破循环

For Statement Breaking the Loop

html

javascript

arrays

jquery

break