Cách tốt nhất để thoát khỏi các vòng lặp lồng nhau trong JavaScript là gì?

Cách tốt nhất để thoát khỏi các vòng lặp lồng nhau trong Javascript là gì?

//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.
         }
      }
   }
}

Giống như 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
            }
        }
    }

như được định nghĩa trong EMCA-262 phần 12.12. [Tài liệu MDN]

Không giống như C, các nhãn này chỉ có thể được sử dụng cho continuevà breakvì Javascript không có goto.

Gói nó trong một chức năng và sau đó chỉ return.

Tôi đến bữa tiệc muộn một chút nhưng sau đây là phương pháp tiếp cận ngôn ngữ không sử dụng GOTO / nhãn hoặc gói chức năng:

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
      }
   }
}

Mặt khác, nó chảy tự nhiên sẽ làm hài lòng đám đông không phải GOTO. Mặt khác, vòng lặp bên trong cần hoàn thành việc lặp hiện tại trước khi kết thúc để có thể không áp dụng được trong một số trường hợp.

Tôi nhận ra đây là một chủ đề thực sự cũ, nhưng vì cách tiếp cận tiêu chuẩn của tôi chưa có ở đây, tôi nghĩ rằng tôi đã đăng nó cho các nhân viên của Google trong tương lai.

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
}

Thế nào :)

Khá đơn giản:

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;
}

Dưới đây là năm cách để thoát ra khỏi các vòng lặp lồng nhau trong JavaScript:

1) Đặt vòng lặp cha (s) đến cuối

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

2) Sử dụng nhãn

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

3) Sử dụng biến

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) Sử dụng chức năng tự thực hiện

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

5) Sử dụng chức năng thường xuyên

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

Làm thế nào về việc sử dụng không nghỉ ngơi, không hủy bỏ cờ và không kiểm tra điều kiện bổ sung. Phiên bản này chỉ làm nổ các biến vòng lặp (làm cho chúng Number.MAX_VALUE) khi điều kiện được đáp ứng và buộc tất cả các vòng lặp chấm dứt một cách thanh lịch.

// 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
    }
  }
}

Có một câu trả lời tương tự cho các vòng lặp lồng nhau giảm dần, nhưng điều này hoạt động đối với các vòng lặp lồng nhau kiểu tăng mà không cần xem xét giá trị chấm dứt của mỗi vòng lặp cho các vòng lặp đơn giản.

Một vi dụ khac:

// 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
        }
      }
    }
  }
}

Làm thế nào về việc đẩy các vòng lặp đến giới hạn cuối của họ

    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;
            }
         }
       }
     }

Nếu bạn sử dụng Coffeescript, có một từ khóa "làm" thuận tiện giúp dễ xác định và thực hiện ngay một chức năng ẩn danh:

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

... Vì vậy, bạn chỉ cần sử dụng "trở lại" để thoát khỏi các vòng lặp.

Tôi nghĩ rằng tôi sẽ cho thấy một cách tiếp cận lập trình chức năng. Bạn có thể thoát ra khỏi các hàm Array.prototype.some () và / hoặc Array.prototype.every () lồng nhau, như trong các giải pháp của tôi. Một lợi ích bổ sung của phương pháp này là Object.keys()chỉ liệt kê các thuộc tính có thể đếm được của một đối tượng, trong khi đó "một vòng lặp for cũng liệt kê các thuộc tính trong chuỗi nguyên mẫu" .

Gần với giải pháp của 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;
    }

Giải pháp giảm số lần lặp qua các Tiêu đề / Mục:

    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;
            }
        });
    });

Đã được đề cập trước đây bởi swilliams , nhưng với một ví dụ dưới đây (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);
}

Hmmm chào bữa tiệc 10 tuổi?

Tại sao không đặt một số điều kiện trong của bạn cho?

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
        }
    }
}

Như thế này bạn dừng lại khi bạn muốn

Trong trường hợp của tôi, bằng cách sử dụng Bản mô tả, chúng ta có thể sử dụng một số () đi qua mảng và dừng khi điều kiện được đáp ứng Vì vậy, mã của tôi trở thành như thế này:

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

Như thế này, vòng lặp dừng lại ngay sau khi điều kiện được đáp ứng

Nhắc nhở: Mã này chạy trong 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;
};

cách tốt nhất là -
1) Sắp xếp cả hai mảng được sử dụng trong vòng lặp thứ nhất và thứ hai.
2) nếu mục khớp nhau thì phá vỡ vòng lặp bên trong và giữ giá trị chỉ mục.
3) khi bắt đầu lần lặp tiếp theo bắt đầu vòng lặp bên trong với giá trị chỉ số giữ.