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!