[{"data":1,"prerenderedAt":418},["ShallowReactive",2],{"term-l\u002Floop":3,"related-l\u002Floop":404},{"id":4,"title":5,"acronym":6,"body":7,"category":385,"description":386,"difficulty":387,"extension":388,"letter":389,"meta":390,"navigation":107,"path":391,"related":392,"seo":398,"sitemap":399,"stem":402,"subcategory":6,"__hash__":403},"terms\u002Fterms\u002Fl\u002Floop.md","Loop",null,{"type":8,"value":9,"toc":379},"minimark",[10,15,19,23,26,30,368,372,375],[11,12,14],"h2",{"id":13},"eli5-the-vibe-check","ELI5 — The Vibe Check",[16,17,18],"p",{},"A loop makes your code do something over and over until a condition says stop. Instead of writing the same line 100 times, you write it once inside a loop and tell it to repeat 100 times. Loops are everywhere — processing lists, animating frames, waiting for input.",[11,20,22],{"id":21},"real-talk","Real Talk",[16,24,25],{},"A loop is a control flow construct that repeatedly executes a block of code as long as a condition is true or for each item in a collection. Types include for loops (fixed iterations), while loops (condition-based), do-while (runs at least once), for-of (iterables), and for-in (object keys). Loops are the primary mechanism for iterating over data structures.",[11,27,29],{"id":28},"show-me-the-code","Show Me The Code",[31,32,37],"pre",{"className":33,"code":34,"language":35,"meta":36,"style":36},"language-javascript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u002F\u002F Different loop types:\nconst items = ['a', 'b', 'c'];\n\n\u002F\u002F for loop:\nfor (let i = 0; i \u003C items.length; i++) {\n  console.log(items[i]);\n}\n\n\u002F\u002F for-of (preferred for iterables):\nfor (const item of items) {\n  console.log(item);\n}\n\n\u002F\u002F while loop:\nlet count = 0;\nwhile (count \u003C 3) {\n  console.log(count++);\n}\n\n\u002F\u002F functional:\nitems.forEach(item => console.log(item));\n","javascript","",[38,39,40,49,102,109,115,168,198,204,209,215,235,254,259,264,270,284,302,322,327,332,338],"code",{"__ignoreMap":36},[41,42,45],"span",{"class":43,"line":44},"line",1,[41,46,48],{"class":47},"sHwdD","\u002F\u002F Different loop types:\n",[41,50,52,56,60,64,67,70,74,76,79,82,85,87,89,91,94,96,99],{"class":43,"line":51},2,[41,53,55],{"class":54},"spNyl","const",[41,57,59],{"class":58},"sTEyZ"," items ",[41,61,63],{"class":62},"sMK4o","=",[41,65,66],{"class":58}," [",[41,68,69],{"class":62},"'",[41,71,73],{"class":72},"sfazB","a",[41,75,69],{"class":62},[41,77,78],{"class":62},",",[41,80,81],{"class":62}," '",[41,83,84],{"class":72},"b",[41,86,69],{"class":62},[41,88,78],{"class":62},[41,90,81],{"class":62},[41,92,93],{"class":72},"c",[41,95,69],{"class":62},[41,97,98],{"class":58},"]",[41,100,101],{"class":62},";\n",[41,103,105],{"class":43,"line":104},3,[41,106,108],{"emptyLinePlaceholder":107},true,"\n",[41,110,112],{"class":43,"line":111},4,[41,113,114],{"class":47},"\u002F\u002F for loop:\n",[41,116,118,122,125,128,131,133,137,140,142,145,148,151,154,156,159,162,165],{"class":43,"line":117},5,[41,119,121],{"class":120},"s7zQu","for",[41,123,124],{"class":58}," (",[41,126,127],{"class":54},"let",[41,129,130],{"class":58}," i ",[41,132,63],{"class":62},[41,134,136],{"class":135},"sbssI"," 0",[41,138,139],{"class":62},";",[41,141,130],{"class":58},[41,143,144],{"class":62},"\u003C",[41,146,147],{"class":58}," items",[41,149,150],{"class":62},".",[41,152,153],{"class":58},"length",[41,155,139],{"class":62},[41,157,158],{"class":58}," i",[41,160,161],{"class":62},"++",[41,163,164],{"class":58},") ",[41,166,167],{"class":62},"{\n",[41,169,171,174,176,180,184,187,190,193,196],{"class":43,"line":170},6,[41,172,173],{"class":58},"  console",[41,175,150],{"class":62},[41,177,179],{"class":178},"s2Zo4","log",[41,181,183],{"class":182},"swJcz","(",[41,185,186],{"class":58},"items",[41,188,189],{"class":182},"[",[41,191,192],{"class":58},"i",[41,194,195],{"class":182},"])",[41,197,101],{"class":62},[41,199,201],{"class":43,"line":200},7,[41,202,203],{"class":62},"}\n",[41,205,207],{"class":43,"line":206},8,[41,208,108],{"emptyLinePlaceholder":107},[41,210,212],{"class":43,"line":211},9,[41,213,214],{"class":47},"\u002F\u002F for-of (preferred for iterables):\n",[41,216,218,220,222,224,227,230,233],{"class":43,"line":217},10,[41,219,121],{"class":120},[41,221,124],{"class":58},[41,223,55],{"class":54},[41,225,226],{"class":58}," item ",[41,228,229],{"class":62},"of",[41,231,232],{"class":58}," items) ",[41,234,167],{"class":62},[41,236,238,240,242,244,246,249,252],{"class":43,"line":237},11,[41,239,173],{"class":58},[41,241,150],{"class":62},[41,243,179],{"class":178},[41,245,183],{"class":182},[41,247,248],{"class":58},"item",[41,250,251],{"class":182},")",[41,253,101],{"class":62},[41,255,257],{"class":43,"line":256},12,[41,258,203],{"class":62},[41,260,262],{"class":43,"line":261},13,[41,263,108],{"emptyLinePlaceholder":107},[41,265,267],{"class":43,"line":266},14,[41,268,269],{"class":47},"\u002F\u002F while loop:\n",[41,271,273,275,278,280,282],{"class":43,"line":272},15,[41,274,127],{"class":54},[41,276,277],{"class":58}," count ",[41,279,63],{"class":62},[41,281,136],{"class":135},[41,283,101],{"class":62},[41,285,287,290,293,295,298,300],{"class":43,"line":286},16,[41,288,289],{"class":120},"while",[41,291,292],{"class":58}," (count ",[41,294,144],{"class":62},[41,296,297],{"class":135}," 3",[41,299,164],{"class":58},[41,301,167],{"class":62},[41,303,305,307,309,311,313,316,318,320],{"class":43,"line":304},17,[41,306,173],{"class":58},[41,308,150],{"class":62},[41,310,179],{"class":178},[41,312,183],{"class":182},[41,314,315],{"class":58},"count",[41,317,161],{"class":62},[41,319,251],{"class":182},[41,321,101],{"class":62},[41,323,325],{"class":43,"line":324},18,[41,326,203],{"class":62},[41,328,330],{"class":43,"line":329},19,[41,331,108],{"emptyLinePlaceholder":107},[41,333,335],{"class":43,"line":334},20,[41,336,337],{"class":47},"\u002F\u002F functional:\n",[41,339,341,343,345,348,350,353,356,359,361,363,366],{"class":43,"line":340},21,[41,342,186],{"class":58},[41,344,150],{"class":62},[41,346,347],{"class":178},"forEach",[41,349,183],{"class":58},[41,351,248],{"class":352},"sHdIc",[41,354,355],{"class":54}," =>",[41,357,358],{"class":58}," console",[41,360,150],{"class":62},[41,362,179],{"class":178},[41,364,365],{"class":58},"(item))",[41,367,101],{"class":62},[11,369,371],{"id":370},"when-youll-hear-this","When You'll Hear This",[16,373,374],{},"\"Loop over the array and validate each item.\" \u002F \"There's an infinite loop — it never exits.\"",[376,377,378],"style",{},"html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":36,"searchDepth":51,"depth":51,"links":380},[381,382,383,384],{"id":13,"depth":51,"text":14},{"id":21,"depth":51,"text":22},{"id":28,"depth":51,"text":29},{"id":370,"depth":51,"text":371},"general","A loop makes your code do something over and over until a condition says stop.","beginner","md","l",{},"\u002Fterms\u002Fl\u002Floop",[393,394,395,396,397],"Array","Recursion","Conditional","Iteration","Algorithm",{"title":5,"description":386},{"changefreq":400,"priority":401},"weekly",0.7,"terms\u002Fl\u002Floop","2_yUbcxeHYq_Cvwiia4apyNDvzeNwye5ltBFBpoDz9A",[405,408,411,414],{"title":397,"path":406,"acronym":6,"category":385,"difficulty":387,"description":407},"\u002Fterms\u002Fa\u002Falgorithm","An algorithm is just a step-by-step recipe for solving a problem. Sort a list? There is an algorithm. Find the shortest path? Algorithm. Make a sandwich?",{"title":393,"path":409,"acronym":6,"category":385,"difficulty":387,"description":410},"\u002Fterms\u002Fa\u002Farray","An array is a list of things in order, like a numbered row of boxes. Box 0 holds the first item, box 1 holds the second, and so on.",{"title":395,"path":412,"acronym":6,"category":385,"difficulty":387,"description":413},"\u002Fterms\u002Fc\u002Fconditional","A conditional is an if\u002Felse decision in your code — 'if this is true, do this; otherwise, do that.' It is how your program makes choices.",{"title":394,"path":415,"acronym":6,"category":385,"difficulty":416,"description":417},"\u002Fterms\u002Fr\u002Frecursion","intermediate","Recursion is when a function calls itself to solve a smaller version of the same problem, like a set of Russian nesting dolls.",1776518293380]