๐Ÿ˜Š๋ฐ˜๋ณต๋ฌธ

๋ฐ˜๋ณต๋ฌธ์€ ์ฃผ์–ด์ง„ ์กฐ๊ฑด์‹์˜ ๊ฒฐ๊ณผ๊ฐ€ ์ฐธ์ธ ๊ฒฝ์šฐ ์ฝ”๋“œ๋ฅผ ์‹คํ–‰ํ•ฉ๋‹ˆ๋‹ค. ๊ทธ ๋‹ค์Œ์— ์กฐ๊ฑด์‹์„ ๋‹ค์‹œ ๊ฒ€์‚ฌํ•˜์—ฌ ์—ฌ์ „ํžˆ ์ฐธ์ผ๋•Œ ์ฝ”๋“œ๋ฅผ ๋‹ค์‹œ ์‹คํ–‰ํ•ฉ๋‹ˆ๋‹ค. ์ด๋Š” ์กฐ๊ฑด์‹์ด ๊ฑฐ์ง“์ผ ๋•Œ๊นŒ์ง€ ๋ฐ˜๋ณต๋ฉ๋‹ˆ๋‹ค.

๐Ÿšดโ€โ™€๏ธfor๋ฌธ

    for ( ์ดˆ๊ธฐ์‹; ์กฐ๊ฑด์‹; ์ฆ๊ฐ์‹) {
        ์กฐ๊ฑด์ด ์ฐธ์ธ ๊ฒฝ์šฐ ๋ฐ˜๋ณต ์‹คํ–‰๋  ๋ฌธ;
        }

   for (var i = 0; i < 2; i++) {
           console.log(i);
        }

1. for ๋ฌธ์„ ์‹คํ–‰ํ•˜๋ฉด ๊ฐ€์žฅ๋จผ์ € `var i = 0`์ด ์ดˆ๊ธฐ๊ฐ€์‹์œผ๋กœ ๋‹จํ•œ๋ฒˆ ์‹คํ–‰์ด ๋œ๋‹ค.
2. ์ดˆ๊ธฐ์‹์ด ์ข…๋ฃŒ๋˜๋ฉด ์กฐ๊ฑด์‹์œผ๋กœ ์‹คํ–‰ ๋œ๋‹ค. ํ˜„์žฌ ๋ณ€์ˆ˜ i ๊ฐ€ 0 ์ด์—ฌ์„œ `์กฐ๊ฑด์‹์˜ ๊ฒฐ๊ณผ`๋Š” true ์ด๋‹ค.
3. ์กฐ๊ฑด์‹์˜ ๊ฒฐ๊ณผ๊ฐ€ true ์ด๋ฏ€๋กœ `์ฆ๊ฐ์‹์œผ๋กœ ๋„˜์–ด๊ฐ€๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๊ณ ` console.log(i)์— ๊ฐ€์„œ 0์„ ์ถœ๋ ฅํ•œ๋‹ค.
4. ์ถœ๋ ฅํ•˜๊ณ  ๋‚˜๋ฉด ์ด์ œ์„œ์•ผ `์ฆ๊ฐ์‹์œผ๋กœ๊ฐ€์„œ` i์˜ ๊ฐ’์„ ํ•˜๋‚˜ ๋”ํ•ด์ค€๋‹ค.
5. ์ฆ๊ฐ์‹ ์‹คํ–‰์ด ์กธ๋ฃŒ๋˜๋ฉด `์ดˆ๊ธฐ์‹์œผ๋กœ ๊ฐ€์ง€์•Š๋Š”๋‹ค` ์ดˆ๊ธฐ์‹์€ `๋‹จํ•œ๋ฒˆ๋งŒ ์‹คํ–‰์ด๋œ๋‹ค.` 
   ๊ทธ๋Ÿฌ๋ฉด ์กฐ๊ฑด์‹์œผ๋กœ ๊ฐ€๋ฉด ๊ฒฐ๊ณผ๋Š” true ์ด๋‹ค.
6. ์กฐ๊ฑด์‹์˜ ๊ฒฐ๊ณผ๊ฐ€ true ์ด๋ฏ€๋กœ console.log(i) ์—์„œ 1 ์ด ๋‚˜์˜จ๋‹ค.
7. ๊ทธ ๋‹ค์Œ ์ฆ๊ฐ์„ ํ•˜์—ฌ์„œ i = 2๊ฐ€ ๋œ์ƒํƒœ๋กœ ์กฐ๊ฑด์‹์œผ๋กœ๊ฐ€๋‹ˆ false๊ฐ€ ๋œ๋‹ค.
8. ์กฐ๊ฑด์‹์ด false ์ด๋ฏ€๋กœ for ๋ฌธ์€ ์ข…๋ฃŒ๋œ๋‹ค.

image.png

while ๋ฌธ

์ฃผ์–ด์ง„ ์กฐ๊ฑด์˜ ํ‰๊ฐ€ ๊ฒฐ๊ณผ๊ฐ€ ์ฐธ์ด๋ฉด ์ฝ”๋“œ ๋ธ”๋ก์„ ๊ณ„์†ํ•ด์„œ ๋ฐ˜๋ณต์‹คํ–‰ํ•œ๋‹ค. ์กฐ๊ฑด๋ฌธ์˜ ํ‰๊ฐ€ ๊ฒฐ๊ณผ๊ฐ€ ๊ฑฐ์ง“์ด ๋˜๋ฉด ์‹คํ–‰์„ ์ข…๋ฃŒํ•œ๋‹ค.

var num = 0;
// num ๊ฐ€ 5์™€ ๊ฐ™์„ ๋•Œ๊นŒ์ง€ ๋ฐ˜๋ณตํ•œ๋‹ค.
while (num <= 5) {
  console.log(num);
  num++;
  // ๊ฒฐ๊ณผ 0, 1, 2, 3, 4, 5
}

๐ŸŒˆReference

PoiemaWeb - ๋‚ด์šฉ์ด ์ •๋ฆฌ ์ž˜ ๋˜์–ด์žˆ๊ณ  ์ข‹์Šต๋‹ˆ๋‹ค.