ํ๋ก๊ทธ๋จ์ ๊ธฐ๋ณธ์ ์ผ๋ก ์์์ ์๋๋ก ์์ฐจ ์คํ๋๋ค.
ํ์ง๋ง ๋ชจ๋ ์ฝ๋๊ฐ ํญ์ ๊ฐ์ ํ๋ฆ์ผ๋ก ์คํ๋์ง๋ ์๋๋ค.
- ์กฐ๊ฑด์ ๋ฐ๋ผ ์คํ์ ๋ถ๊ธฐํ๊ฑฐ๋
- ๊ฐ์ ์์ ์ ๋ฐ๋ณตํด์ผ ํ๋ ๊ฒฝ์ฐ
์ด์ฒ๋ผ ์ฝ๋์ ์คํ ํ๋ฆ์ ์ ์ดํ๋ ๋ฌธ๋ฒ์ ์ ์ด๋ฌธ์ด๋ผ๊ณ ํ๋ค.
JavaScript์ ์ ์ด๋ฌธ์ ํฌ๊ฒ ๋ค์๊ณผ ๊ฐ๋ค.
- ์กฐ๊ฑด๋ฌธ
- ์ ํ๋ฌธ
- ๋ฐ๋ณต๋ฌธ
1. ์กฐ๊ฑด๋ฌธ(if)
์กฐ๊ฑด์ด ์ฐธ(true)์ผ ๋ ํน์ ์ฝ๋๋ฅผ ์คํํ๋ค.
1) if๋ฌธ
if (์กฐ๊ฑด์) {
์คํ๋ฌธ;
}
let age = 20;
if (age >= 19) {
console.log("์ฑ์ธ์
๋๋ค.");
}
2) if - else
์กฐ๊ฑด์ด ๊ฑฐ์ง์ผ ๊ฒฝ์ฐ ์คํํ ์ฝ๋๋ฅผ ์ง์ ํ๋ค.
if (age >= 19) {
console.log("์ฑ์ธ");
} else {
console.log("๋ฏธ์ฑ๋
์");
}
3) else if
์ฌ๋ฌ ์กฐ๊ฑด์ ์์ฐจ์ ์ผ๋ก ๊ฒ์ฌํ๋ค.
let score = 85;
if (score >= 90) {
console.log("A");
} else if (score >= 80) {
console.log("B");
} else {
console.log("C");
}
์์์๋ถํฐ ์กฐ๊ฑด์ ๊ฒ์ฌํ๋ฉฐ,
์ฒ์์ผ๋ก true๊ฐ ๋๋ ๋ธ๋ก๋ง ์คํ๋๋ค.
4) ์ค์ฒฉ if
if๋ฌธ ์์ ๋ ๋ค๋ฅธ if๋ฌธ์ ์ฌ์ฉํ๋ ๊ตฌ์กฐ
if (age >= 19) {
if (gender === "male") {
console.log("์ฑ์ธ ๋จ์ฑ");
}
}
์ค์ฒฉ์ด ๊น์ด์ง ์๋ก ๊ฐ๋ ์ฑ์ด ๋จ์ด์ง๋ฏ๋ก ์ฃผ์ํด์ผ ํ๋ค.
2. ์ ํ๋ฌธ(switch)
ํ๋์ ๊ฐ์ ์ฌ๋ฌ ๊ฒฝ์ฐ์ ๋น๊ตํ ๋ ์ฌ์ฉํ๋ค.
switch (๊ฐ) {
case ๊ฐ1;
์คํ๋ฌธ;
break;
case ๊ฐ2;
์คํ๋ฌธ;
break;
default :
์คํ๋ฌธ;
}
let menu = 1;
switch (menu) {
case 1;
console.log("์๋ฉ๋ฆฌ์นด๋
ธ");
break;
case 2;
console.log("๋ผ๋ผ");
break;
default :
console.log("๊ธฐํ");
}
์ฃผ์ ์ฌํญ
- break๋ฅผ ์ฐ์ง ์์ผ๋ฉด ์๋ case๋ก ๊ณ์ ์คํ๋๋ค.
- ๊ฐ ๋น๊ต๋ ์๊ฒฉ ๋น๊ต(===) ๊ธฐ๋ฐ์ผ๋ก ๋์ํ๋ค.
3. ๋ฐ๋ณต๋ฌธ(Loop)
๊ฐ์ ์ฝ๋๋ฅผ ์ฌ๋ฌ ๋ฒ ์คํํ ๋ ์ฌ์ฉํ๋ค.
1) while๋ฌธ
์กฐ๊ฑด์ด ์ฐธ์ธ ๋์ ๋ฐ๋ณต
let i = 0;
while (i < 5) {
console.log(i);
i++;
}
์กฐ๊ฑด์ด ์ฒ์๋ถํฐ false๋ฉด ์คํ๋์ง ์๋๋ค.
2) do while๋ฌธ
์ต์ ํ ๋ฒ์ ์คํ๋๋ค.
let i = 0;
do {
console.log(i);
i++;
} while (i < 5);
์กฐ๊ฑด์ ๋์ค์ ๊ฒ์ฌํ๋ค๋ ์ ์ด ๋ค๋ฅด๋ค.
3) for๋ฌธ
๋ฐ๋ณต ํ์๊ฐ ๋ช ํํ ๋ ์ฌ์ฉํ๋ค.
for (์ด๊ธฐ ๊ฐ; ์กฐ๊ฑด์; ์ฆ๊ฐ์) {
์คํ๋ฌธ;
}
for (let i = 0; i < 5; i++) {
console.log(i);
}
๊ฐ์ฅ ๋ง์ด ์ฌ์ฉ๋๋ ๋ฐ๋ณต๋ฌธ์ด๋ค.
4) break
๋ฐ๋ณต๋ฌธ์ ์ฆ์ ์ข ๋ฃํ๋ค.
for (let i = 0; i < 10; i++) {
if (i === 5) break;
}
5) continue
ํ์ฌ ๋ฐ๋ณต์ ๊ฑด๋๋ฐ๊ณ ๋ค์ ๋ฐ๋ณต์ผ๋ก ์ด๋
for (let i = 0; i < 5; i++) {
if (i === 2) continue;
console.log(i);
}
6) ์ค์ฒฉ for
for๋ฌธ ์์ ๋ ๋ค๋ฅธ for๋ฌธ์ ์ฌ์ฉํ๋ ๊ตฌ์กฐ์ด๋ค.
for (let i = 0; i < 3; i++) {
for (let j = 0; j < 3; j++) {
console.log(i, j);
}
}
2์ฐจ์ ๊ตฌ์กฐ ์ฒ๋ฆฌ, ํ ์ด๋ธ ์์ฑ ๋ฑ์ ์ฌ์ฉ๋๋ค.
'Front-End > JavaScript | jQuery | AJAX' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| 06. ์ ์ด์ฟผ๋ฆฌ(jQuery) ๋ฌธ์ ๊ฐ์ฒด ์ ํ์์ ์กฐ์๋ฒ (0) | 2026.02.17 |
|---|---|
| 05. ํจ์(Function) (0) | 2026.02.16 |
| 04. ๊ฐ์ฒด(Object) (0) | 2026.02.16 |
| 02. JavaScript ๊ธฐ์ด ๋ฌธ๋ฒ (0) | 2026.02.16 |
| 01. JavaScript๋? (0) | 2026.02.16 |