JavaScript'te iç içe döngülerden kurtulmanın en iyi yolu nedir?

Javascript'te iç içe döngülerden kurtulmanın en iyi yolu nedir?

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

Tıpkı Perl gibi,

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 bölüm 12.12'de tanımlandığı gibi. [MDN Belgeleri]

C'den farklı olarak, bu etiketler yalnızca Javascript'te bulunmadığından continueve için kullanılabilir .breakgoto

Bunu bir fonksiyona sarın ve sonra sadece return.

Partiye biraz geç kaldım, ancak aşağıdaki GOTO / etiket veya işlev kaydırma kullanmayan, dil bilincine sahip olmayan bir yaklaşımdır:

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

Tersine, GOTO olmayan kalabalığı memnun etmek için doğal olarak akar. Aşağı yönde, iç döngü sonlandırmadan önce mevcut yinelemeyi tamamlaması gerekir, böylece bazı senaryolarda geçerli olmayabilir.

Bunun gerçekten eski bir konu olduğunun farkındayım, ancak standart yaklaşımım henüz burada olmadığından, gelecekteki googlerslar için yayınladığımı düşündüm.

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
}

O nasıl? :)

Oldukça basit:

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'te iç içe döngülerden kurtulmanın beş yolu:

1) Üst (ler) döngüsünü sonuna kadar ayarla

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

2) etiketi kullanın

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

3) Değişken kullanı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) Kendi kendini yürütme işlevini kullanın

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

5) düzenli fonksiyonu Kullanın

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

Hiç kesinti yok, iptal bayrağı yok ve ekstra durum kontrolü yok. Bu sürüm Number.MAX_VALUE, koşul karşılandığında döngü değişkenlerini patlatır (bunları yapar ) ve tüm döngüleri zarif bir şekilde sonlandırmaya zorlar.

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

Azalan tip iç içe döngüler için benzer bir cevap vardı, ancak bu, her ilmeğin basit döngüler için sonlandırma değerini göz önünde bulundurmaya gerek kalmadan tip iç içe döngülerin artırılması için çalışır.

Başka bir örnek:

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

Döngüleri uç sınırlarına itmeye ne dersiniz?

    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 kullanıyorsanız, anonim bir işlevi tanımlamayı ve hemen yürütmeyi kolaylaştıran kullanışlı bir "do" anahtar kelimesi vardır:

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

... böylece döngülerden çıkmak için "return" komutunu kullanabilirsiniz.

İşlevsel bir programlama yaklaşımı göstereceğimi düşündüm. Çözümlerimdeki gibi iç içe Array.prototype.some () ve / veya Array.prototype.every () işlevlerinden çıkabilirsiniz. Bu yaklaşımın ek bir yararı, Object.keys()yalnızca bir nesnenin kendi numaralandırılabilir özelliklerini numaralandırmasıdır, oysa "bir for-in döngüsü prototip zincirindeki özellikleri de numaralandırır" .

OP'nin çözümüne yakın:

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

Başlıklar / Öğeler üzerindeki yinelemeyi azaltan çözüm:

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

Daha önce swilliams tarafından daha önce bahsedilmiş , ancak aşağıdaki bir örnekle (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 10 yaşındaki partiye merhaba?

Neden senin için bir şart koymuyorsun?

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

Bunun gibi istediğin zaman durursun

Benim durumumda, Typescript kullanarak, dizi geçip koşul karşılandığında durduğumuz bazı () kullanabilirsiniz Kodum şöyle olur:

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

Bu şekilde, koşul sağlandıktan hemen sonra döngü durdu

Hatırlatma: Bu kod TypeScript'te çalışır

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

en iyi yol -
1) Birinci ve ikinci döngüde kullanılan her iki diziyi sıralayın.
2) öğe eşleşirse, iç döngüyü kırın ve dizin değerini tutun.
3) bir sonraki yinelemeye başladığında tutma indeksi değeri ile iç döngüyü başlatın.