Apa cara terbaik untuk melepaskan diri dari loop bersarang di JavaScript?

Apa cara terbaik untuk memecah dari loop bersarang di 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.
         }
      }
   }
}

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

sebagaimana didefinisikan dalam EMCA-262 bagian 12.12. [MDN Documents]

Tidak seperti C, label ini hanya dapat digunakan untuk continuedan break, karena Javascript tidak memiliki goto.

Bungkus itu dalam suatu fungsi dan kemudian adil return.

Saya sedikit terlambat ke pesta tetapi berikut ini adalah pendekatan agnostik bahasa yang tidak menggunakan GOTO / label atau pembungkus fungsi:

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

Pada sisi atas mengalir secara alami yang seharusnya menyenangkan kerumunan non-GOTO. Pada sisi negatifnya, loop dalam perlu menyelesaikan iterasi saat ini sebelum mengakhiri sehingga mungkin tidak berlaku dalam beberapa skenario.

Saya menyadari bahwa ini adalah topik yang sangat lama, tetapi karena pendekatan standar saya belum ada di sini, saya pikir saya mempostingnya untuk googler masa depan.

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
}

Bagaimana dengan itu? :)

Cukup sederhana:

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

Berikut adalah lima cara untuk keluar dari loop bersarang di JavaScript:

1) Setel perulangan ke akhir

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

2) Gunakan label

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

3) Gunakan variabel

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) Gunakan fungsi self-executing

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

5) Gunakan fungsi biasa

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

Bagaimana kalau menggunakan tidak ada istirahat sama sekali, tidak ada membatalkan bendera, dan tidak ada pemeriksaan kondisi tambahan. Versi ini hanya menghancurkan variabel loop (membuatnya Number.MAX_VALUE) ketika kondisi terpenuhi dan memaksa semua loop untuk mengakhiri dengan elegan.

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

Ada jawaban ish yang serupa untuk loop bertipe tipe decrementing, tetapi ini berfungsi untuk loop bertingkat tipe incrementing tanpa perlu mempertimbangkan nilai terminasi setiap loop untuk loop sederhana.

Contoh lain:

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

Bagaimana dengan mendorong loop ke batas akhir mereka

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

Jika Anda menggunakan Coffeescript, ada kata kunci "do" yang nyaman yang membuatnya lebih mudah untuk didefinisikan dan segera menjalankan fungsi anonim:

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

... jadi Anda cukup menggunakan "kembali" untuk keluar dari loop.

Saya pikir saya akan menunjukkan pendekatan pemrograman fungsional. Anda dapat keluar dari fungsi Array.prototype.some () dan / atau Array.prototype.every (), seperti di solusi saya. Manfaat tambahan dari pendekatan ini adalah bahwa Object.keys()enumerasi hanya properti enumerable objek sendiri, sedangkan "for-in loop menyebutkan properti dalam rantai prototipe juga" .

Dekat dengan solusi 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;
    }

Solusi yang mengurangi iterasi pada Judul / Item:

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

Sudah disebutkan sebelumnya oleh swilliams , tetapi dengan contoh di bawah ini (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 hai ke pesta 10 tahun?

Mengapa tidak menaruh beberapa syarat untuk Anda?

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

Seperti ini, Anda berhenti ketika Anda mau

Dalam kasus saya, menggunakan Typescript, kita dapat menggunakan beberapa () yang melewati array dan berhenti ketika kondisi terpenuhi Jadi kode saya menjadi seperti ini:

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

Seperti ini, loop berhenti tepat setelah kondisi terpenuhi

Pengingat: Kode ini dijalankan dalam 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;
};

cara terbaik adalah -
1) Urutkan kedua array yang digunakan di loop pertama dan kedua.
2) jika item cocok maka pecahkan loop dalam dan tahan nilai indeks.
3) ketika mulai iterasi berikutnya mulai loop dalam dengan nilai indeks tahan.