อะไรคือวิธีที่ดีที่สุดในการแยกจากลูปซ้อนใน JavaScript

เป็นวิธีที่ดีที่สุดในการแยกจากลูปซ้อนใน Javascript อะไร

//Write the links to the page.
for (var x = 0; x < Args.length; x++)
{
   for (var Heading in Navigation.Headings)
   {
      for (var Item in Navigation.Headings[Heading])
      {
         if (Args[x] == Navigation.Headings[Heading][Item].Name)
         {
            document.write("<a href=\"" 
               + Navigation.Headings[Heading][Item].URL + "\">" 
               + Navigation.Headings[Heading][Item].Name + "</a> : ");
            break; // <---HERE, I need to break out of two loops.
         }
      }
   }
}

เหมือน Perl

loop1:
    for (var i in set1) {
loop2:
        for (var j in set2) {
loop3:
            for (var k in set3) {
                break loop2;  // breaks out of loop3 and loop2
            }
        }
    }

ตามที่กำหนดไว้ใน EMCA-262 มาตรา 12.12 [เอกสาร MDN]

ซึ่งแตกต่างจาก C, ป้ายชื่อเหล่านี้เท่านั้นที่สามารถใช้สำหรับการcontinueและbreakเป็น Javascript gotoไม่ได้

returnห่อขึ้นในการทำงานแล้วก็

ฉันมาช้าไปงานปาร์ตี้ แต่ต่อไปนี้เป็นวิธีใช้ภาษาที่ไม่เชื่อเรื่องพระเจ้าซึ่งไม่ได้ใช้ GOTO / ฉลากหรือการห่อฟังก์ชั่น:

for (var x = Set1.length; x > 0; x--)
{
   for (var y = Set2.length; y > 0; y--)
   {
      for (var z = Set3.length; z > 0; z--)
      {
          z = y = -1; // terminates second loop
          // z = y = x = -1; // terminate first loop
      }
   }
}

คว่ำมันไหลอย่างเป็นธรรมชาติซึ่งควรทำให้ฝูงชนที่ไม่ใช่ GOTO พอใจ ข้อเสียวงด้านในจำเป็นต้องทำการวนซ้ำปัจจุบันให้เสร็จสิ้นก่อนที่จะสิ้นสุดดังนั้นจึงอาจไม่สามารถใช้งานได้ในบางสถานการณ์

ฉันรู้ว่านี่เป็นหัวข้อที่เก่ามาก แต่เนื่องจากวิธีการมาตรฐานของฉันไม่ได้อยู่ที่นี่ฉันจึงคิดว่าฉันจะโพสต์ไว้สำหรับนักเขียนภาพในอนาคต

var a, b, abort = false;
for (a = 0; a < 10 && !abort; a++) {
    for (b = 0; b < 10 && !abort; b++) {
        if (condition) {
            doSomeThing();
            abort = true;
        }
    }
}

var str = "";
for (var x = 0; x < 3; x++) {
    (function() {  // here's an anonymous function
        for (var y = 0; y < 3; y++) {
            for (var z = 0; z < 3; z++) {
                // you have access to 'x' because of closures
                str += "x=" + x + "  y=" + y + "  z=" + z + "<br />";
                if (x == z && z == 2) {
                    return;
                }
            }
        }
    })();  // here, you execute your anonymous function
}

วิธีที่ว่า? :)

ค่อนข้างง่าย:

var a = [1, 2, 3];
var b = [4, 5, 6];
var breakCheck1 = false;

for (var i in a) {
    for (var j in b) {
        breakCheck1 = true;
        break;
    }
    if (breakCheck1) break;
}

นี่คือห้าวิธีในการแบ่งลูปซ้อนใน JavaScript:

1) ตั้งค่า parent parent ไปที่ท้ายสุด

for (i = 0; i < 5; i++)
{
    for (j = 0; j < 5; j++)
    {
        if (j === 2)
        {
            i = 5;
            break;
        }
    }
}

2) ใช้ป้ายกำกับ

exit_loops:
for (i = 0; i < 5; i++)
{
    for (j = 0; j < 5; j++)
    {
        if (j === 2)
            break exit_loops;
    }
}

3) ใช้ตัวแปร

var exit_loops = false;
for (i = 0; i < 5; i++)
{
    for (j = 0; j < 5; j++)
    {
        if (j === 2)
        {
            exit_loops = true;
            break;
        }
    }
    if (exit_loops)
        break;
}

4) ใช้ฟังก์ชั่นการดำเนินการด้วยตนเอง

(function()
{
    for (i = 0; i < 5; i++)
    {
        for (j = 0; j < 5; j++)
        {
             if (j === 2)
                 return;
        }
    }
})();

5) ใช้ฟังก์ชั่นปกติ

function nested_loops()
{
    for (i = 0; i < 5; i++)
    {
        for (j = 0; j < 5; j++)
        {
             if (j === 2)
                 return;
        }
    }
}
nested_loops();

วิธีการเกี่ยวกับการใช้ตัวแบ่งไม่เลยไม่มีการยกเลิกสถานะและไม่มีการตรวจสอบเงื่อนไขเพิ่มเติม รุ่นนี้จะระเบิดตัวแปรลูป (ทำให้พวกเขาNumber.MAX_VALUE) เมื่อตรงตามเงื่อนไขและบังคับให้ลูปทั้งหมดยุติอย่างสวยงาม

// No breaks needed
for (var i = 0; i < 10; i++) {
  for (var j = 0; j < 10; j++) {
    if (condition) {
      console.log("condition met");
      i = j = Number.MAX_VALUE; // Blast the loop variables
    }
  }
}

มีคำตอบที่คล้ายกันคือ ish สำหรับการวนซ้ำซ้อนกันแบบลดลง แต่ใช้งานได้กับการวนซ้ำแบบซ้อนเพิ่มชนิดโดยไม่จำเป็นต้องพิจารณาค่าการเลิกจ้างของแต่ละลูปสำหรับลูปแบบง่าย

ตัวอย่างอื่น:

// No breaks needed
for (var i = 0; i < 89; i++) {
  for (var j = 0; j < 1002; j++) {
    for (var k = 0; k < 16; k++) {
      for (var l = 0; l < 2382; l++) {
        if (condition) {
          console.log("condition met");
          i = j = k = l = Number.MAX_VALUE; // Blast the loop variables
        }
      }
    }
  }
}

วิธีการผลักลูปไปจนถึงขีด จำกัด

    for(var a=0; a<data_a.length; a++){
       for(var b=0; b<data_b.length; b++){
           for(var c=0; c<data_c.length; c++){
              for(var d=0; d<data_d.length; d++){
                 a =  data_a.length;
                 b =  data_b.length;
                 c =  data_b.length;
                 d =  data_d.length;
            }
         }
       }
     }

หากคุณใช้ Coffeescript มีคีย์เวิร์ด "do" ที่สะดวกซึ่งทำให้ง่ายต่อการกำหนดและเรียกใช้ฟังก์ชันที่ไม่ระบุชื่อทันที:

do ->
  for a in first_loop
    for b in second_loop
      if condition(...)
        return

... เพื่อให้คุณสามารถใช้ "ส่งคืน" เพื่อออกจากลูปได้

ฉันคิดว่าฉันจะแสดงวิธีการเขียนโปรแกรมฟังก์ชั่น คุณสามารถแยกฟังก์ชั่น Array.prototype.some () และ / หรือ Array.prototype.every () ที่ซ้อนกันเช่นเดียวกับในโซลูชันของฉัน สิทธิประโยชน์เพิ่มเติมของวิธีนี้คือการที่Object.keys()ระบุเพียงวัตถุนับคุณสมบัติของตัวเองในขณะที่ "สำหรับในระบุห่วงคุณสมบัติในห่วงโซ่ต้นแบบได้เป็นอย่างดี"

ใกล้กับโซลูชันของ OP:

    Args.forEach(function (arg) {
        // This guard is not necessary,
        // since writing an empty string to document would not change it.
        if (!getAnchorTag(arg))
            return;

        document.write(getAnchorTag(arg));
    });

    function getAnchorTag (name) {
        var res = '';

        Object.keys(Navigation.Headings).some(function (Heading) {
            return Object.keys(Navigation.Headings[Heading]).some(function (Item) {
                if (name == Navigation.Headings[Heading][Item].Name) {
                    res = ("<a href=\""
                                 + Navigation.Headings[Heading][Item].URL + "\">"
                                 + Navigation.Headings[Heading][Item].Name + "</a> : ");
                    return true;
                }
            });
        });

        return res;
    }

โซลูชันที่ลดการวนซ้ำในส่วนหัว / รายการ:

    var remainingArgs = Args.slice(0);

    Object.keys(Navigation.Headings).some(function (Heading) {
        return Object.keys(Navigation.Headings[Heading]).some(function (Item) {
            var i = remainingArgs.indexOf(Navigation.Headings[Heading][Item].Name);

            if (i === -1)
                return;

            document.write("<a href=\""
                                         + Navigation.Headings[Heading][Item].URL + "\">"
                                         + Navigation.Headings[Heading][Item].Name + "</a> : ");
            remainingArgs.splice(i, 1);

            if (remainingArgs.length === 0)
                return true;
            }
        });
    });

ได้กล่าวถึงแล้วโดยswilliamsแต่มีตัวอย่างด้านล่าง (Javascript):

// Function wrapping inner for loop
function CriteriaMatch(record, criteria) {
  for (var k in criteria) {
    if (!(k in record))
      return false;

    if (record[k] != criteria[k])
      return false;
  }

  return true;
}

// Outer for loop implementing continue if inner for loop returns false
var result = [];

for (var i = 0; i < _table.length; i++) {
  var r = _table[i];

  if (!CriteriaMatch(r[i], criteria))
    continue;

  result.add(r);
}

อืมสวัสดีกับปาร์ตี้ 10 ปีเหรอ?

ทำไมไม่ใส่เงื่อนไขของคุณใน?

var condition = true
for (var i = 0 ; i < Args.length && condition ; i++) {
    for (var j = 0 ; j < Args[i].length && condition ; j++) {
        if (Args[i].obj[j] == "[condition]") {
            condition = false
        }
    }
}

เช่นนี้คุณหยุดเมื่อคุณต้องการ

ในกรณีของฉันใช้ typescript เราสามารถใช้บางอย่าง () ซึ่งผ่านอาร์เรย์และหยุดเมื่อพบเงื่อนไขดังนั้นรหัสของฉันเป็นเช่นนี้

Args.some((listObj) => {
    return listObj.some((obj) => {
        return !(obj == "[condition]")
    })
})

เช่นนี้ลูปจะหยุดทันทีหลังจากตรงตามเงื่อนไข

คำเตือน: รหัสนี้ทำงานใน TypeScript

XXX.Validation = function() {
    var ok = false;
loop:
    do {
        for (...) {
            while (...) {
                if (...) {
                    break loop; // Exist the outermost do-while loop
                }
                if (...) {
                    continue; // skips current iteration in the while loop
                }
            }
        }
        if (...) {
            break loop;
        }
        if (...) {
            break loop;
        }
        if (...) {
            break loop;
        }
        if (...) {
            break loop;
        }
        ok = true;
        break;
    } while(true);
    CleanupAndCallbackBeforeReturning(ok);
    return ok;
};

วิธีที่ดีที่สุดคือ -
1) เรียงลำดับอาร์เรย์ทั้งสองที่ใช้ในการวนรอบแรกและครั้งที่สอง
2) ถ้าจับคู่รายการแล้วแบ่งลูปด้านในและถือค่าดัชนี
3) เมื่อเริ่มการวนซ้ำครั้งถัดไปให้เริ่มวงภายในด้วยค่าดัชนีพัก