JavaScriptové štítky

Bez ohledu na to, jak dlouho jste vývojářem JavaScriptu, vždy budou existovat jazykové funkce, o kterých jste nevěděli, dokud jste je neviděli v okrajovém kódu. Vaše reakce je obecně podobná:

Jednou z funkcí, na kterou se vývojáři snaží zvědavě přijít, jsou štítky JavaScript, které vám umožňují spravovat break a continue s JavaScript smyčkami. Pojďme se na ně podívat!

Základní formát smyčky je {loopname}: před začátkem smyčky:

{loopName}:
for({iterating}) {
  {actions}
}

Síla štítků přichází s vnořenými smyčkami -- můžete použít break a continue , spárovaný s názvem štítku, pro správu escapování smyčky:

function gogogo() {
  firstLoop:
  for (let outer = 0; outer < 4; outer++) {
    secondLoop:
    for (let inner = 0; inner < 5; inner++) {
      if (inner === 3) {
        // Use continue to avoid runs 4 and 5
        continue firstLoop;
      }
      console.warn(`outer: ${outer}; inner: ${inner}`);
    }
  }
}

/*
outer: 0; inner: 0
outer: 0; inner: 1
outer: 0; inner: 2
outer: 1; inner: 0
outer: 1; inner: 1
outer: 1; inner: 2
outer: 2; inner: 0
outer: 2; inner: 1
outer: 2; inner: 2
outer: 3; inner: 0
outer: 3; inner: 1
outer: 3; inner: 2
*/

Vnořené smyčky může být obtížné spravovat, ale štítky usnadňují jejich nasměrování a únik. Až budete příště chtít v místnosti vypadat chytře, vylamujte štítky JavaScript!