| ์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
- ํผํ๊ทธ
- gtammertable
- borderspacing
- ํด๋์ค์ ๋ ํฐ
- formtag
- bordercollapse
- ์ฃผ์
- selectorslevel4
- ํฐํธ์จ์ดํธ
- texttransform
- ๊ทธ๋ฃน์ ๋ ํฐ
- liststyleposition
- textshadow
- ๋นํ๊ทธ
- ๋ชจ๋์นํฐํธ
- ํ์ ์ ๋ ํฐ
- fontweight
- ํฅ์ค์ฝ๋
- CDN
- liststyleimage
- ์ ๋๋ฒ์ ์ ๋ ํฐ
- ๊ตฌ๊ธํฐํธ
- wordspacing
- captionside
- textdecoration
- ์ถ์ฝ
- borderstyle
- liststyletype
- ์์ด๋์ ๋ ํฐ
- inlineblock
- Today
- Total
็ก์
Loop statement (๋ฐ๋ณต๋ฌธ) ๋ณธ๋ฌธ
๐จ Loop Statement
๋ฐ๋ณต๋ฌธ์ ๊ฐ์ ์ฝ๋ ๋ธ๋ก์ ์ฌ๋ฌ ๋ฒ ์คํํ ๋ ์ฌ์ฉํ๋ ๋ฌธ๋ฒ์ผ๋ก, JavaScript์์๋ ์กฐ๊ฑด์ ๋ฐ๋ผ ๋ฐ๋ณต ์คํ์ ์ ์ดํ ์ ์๋ค.
1๏ธโฃ for ๋ฌธ
๊ฐ์ฅ ๊ธฐ๋ณธ์ ์ธ ๋ฐ๋ณต๋ฌธ์ผ๋ก, ๋ฐ๋ณต ํ์๊ฐ ๋ช ํํ ๋ ์ฌ์ฉํ๋ค.
for (let i = 0; i < 5; i++) {
console.log(i);
}
- ๊ตฌ์กฐ: ์ด๊ธฐ๊ฐ → ์กฐ๊ฑด → ์ฆ๊ฐ
- ์ด๊ธฐ๊ฐ: ๋ฐ๋ณต์ ์์ํ ๋ณ์๋ฅผ ๋ง๋ ๋ค. (์: let i = 1;)
- ์กฐ๊ฑด์: ์ด ์กฐ๊ฑด์ด ์ฐธ(true)์ธ ๋์ ๊ณ์ ๋ฐ๋ณตํ๋ค. (์: i <= 5;)
- ์ฆ๊ฐ์: ํ ๋ฒ ๋ฐ๋ณต์ด ๋๋ ๋๋ง๋ค ๋ณ์๋ฅผ ์ด๋ป๊ฒ ๋ณํ์ํฌ์ง ์ ํ๋ค. (์: i++;)
2๏ธโฃ while ๋ฌธ
์กฐ๊ฑด ์ค์ฌ ๋ฐ๋ณต๋ฌธ์ผ๋ก, ์กฐ๊ฑด์ด true์ธ ๋์ ๊ณ์ ๋ฐ๋ณตํ๋ค. (๋ฐ๋ณต ํ์๊ฐ ์ ํด์ ธ ์์ง ์์ ๋ ์ฌ์ฉ)
while (energy > 0) {
energy--;
}
- ์ฃผ์: ์กฐ๊ฑด์ด ๊ณ์ ์ฐธ์ด๋ฉด ๋ฐ๋ณต๋ฌธ์ด ๋๋์ง ์๋ ๋ฌดํ ๋ฃจํ์ ๋น ์ง ์ ์์ผ๋ฏ๋ก, ๋ฐ๋ณต๋ฌธ ๋ด๋ถ์์ ์กฐ๊ฑด์ ๊ฑฐ์ง์ผ๋ก ๋ณ๊ฒฝํ๋ ์ฝ๋๋ฅผ ๋ฐ๋์ ์์ฑํด์ผ ํ๋ค.
3๏ธโฃ do...while ๋ฌธ
์กฐ๊ฑด์ ๋์ค์ ๊ฒ์ฌํ๋ฏ๋ก ์ต์ 1๋ฒ์ ๋ฐ๋์ ์คํ๋๋ ๋ฐ๋ณต๋ฌธ์ด๋ค.
do {
console.log("์คํ๋จ");
} while (false);
4๏ธโฃ break / continue
๋ฐ๋ณต๋ฌธ์ ์ ์ดํ ๋ ์ฌ์ฉํ๋ ํค์๋์ด๋ค.
if (i === 3) break;
if (i === 2) continue;
- break: ๋ฐ๋ณต๋ฌธ์ ์ฆ์ ์ข ๋ฃํ๋ค.
- continue: ํ์ฌ ๋ฐ๋ณต๋ง ๊ฑด๋๋ฐ๊ณ ๋ค์ ๋ฐ๋ณต์ผ๋ก ๋์ด๊ฐ๋ค.
โญ ํ: ๋ฐฐ์ด๊ณผ ํจ๊ป ์ฐ๋ ๋ฐ๋ณต๋ฌธ
ํ์ ์์ ๊ฐ์ฅ ๋ง์ด ํ์ฉ๋๋ ํํ๋ก, ๋ชฉ๋ก์ ์๋ ๋ฐ์ดํฐ๋ฅผ ํ๋์ฉ ๊บผ๋ด์ด ์ฒ๋ฆฌํ ๋ ์ฌ์ฉํ๋ค.
const fruits = ["์ฌ๊ณผ", "๋ฐ๋๋", "ํฌ๋", "๋ธ๊ธฐ"];
// fruits.length๋ฅผ ์ฌ์ฉํ๋ฉด ๋ฐฐ์ด์ ํฌ๊ธฐ๊ฐ ๋ฐ๋์ด๋ ์์ ํฉ๋๋ค.
for (let i = 0; i < fruits.length; i++) {
console.log("๋ฐ๊ตฌ๋์ " + fruits[i] + "๊ฐ ๋ด๊ฒจ ์์ต๋๋ค.");
}
๐โ POINT ๐โ
โ๏ธ for ๋ฌธ์ ๋ฐ๋ณต ํ์๊ฐ ๋ช ํํ ๋ ์ฌ์ฉํ๋ฉด ์ฝ๋๊ฐ ๊น๋ํ๋ค. โ๏ธ
โ๏ธ while ๋ฌธ์ ์ธ์ ๋๋ ์ง ๋ชจ๋ฅด๋ ์ํฉ์์ ์กฐ๊ฑด์ ์ง์คํ ๋ ์ฌ์ฉํ๋ค. โ๏ธ
โ๏ธ ๋ฐฐ์ด์ ๋ชจ๋ ์์๋ฅผ ํ์ ๋๋ array.length๋ฅผ ์กฐ๊ฑด์์ ํ์ฉํ๋ ๊ฒ์ด ์ ์์ด๋ค. โ๏ธ
โ๏ธ ์ค์ ์์ ์ฝ๋ โ๏ธ
// ๋ฐ๋ณต๋ฌธ ์์ ๋ฐ๋ณต๋ฌธ์ ๋ฃ๋ '์ค์ฒฉ ๋ฐ๋ณต๋ฌธ'
let stairs = "";
const height = 5;
for (let i = 1; i <= height; i++) {
// ํ ์ค๋ง๋ค ๋ณ์ i๊ฐ์ฉ ์ถ๊ฐํฉ๋๋ค.
stairs = "";
for (let j = 1; j <= i; j++) {
stairs += "โญ";
}
console.log(stairs);
}
/* ์คํ ๊ฒฐ๊ณผ:
โญ
โญโญ
โญโญโญ
โญโญโญโญ
โญโญโญโญโญ
*/
'<script>' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| Array Transformation (๋ฐ์ดํฐ ๋ณํ) (0) | 2026.05.28 |
|---|---|
| Array Iteration (๋ฐฐ์ด ๋ฐ๋ณต) (0) | 2026.05.28 |
| Truthy and Falsy (์ฐธ ๊ฐ์ ๊ฐ & ๊ฑฐ์ง ๊ฐ์ ๊ฐ) (0) | 2026.05.28 |
| Conditional statement (์กฐ๊ฑด๋ฌธ) (0) | 2026.05.28 |
| Operator (์ฐ์ฐ์) (0) | 2026.05.28 |
