Lesson – 69 : JavaScript เชฎเชพเช‚ Program Control Statements เช…เชจเซ‡ Loopsย 

JavaScript เชจเซ‡ เช…เชธเชฐเช•เชพเชฐเช• เชฐเซ€เชคเซ‡ เชถเซ€เช–เชตเชพ เชฎเชพเชŸเซ‡ Program Control Statements เช…เชจเซ‡ Loops เชฌเชนเซ เชฎเชนเชคเซเชตเชชเซ‚เชฐเซเชฃ เช›เซ‡. เช† Statements program เชจเซ‡ เชจเชฟเชฏเช‚เชคเซเชฐเชฟเชค เช•เชฐเชตเชพเชฎเชพเช‚, เชจเชฟเชฐเซเชฃเชฏ เชฒเซ‡เชตเชพ, เชตเชพเชฐเช‚เชตเชพเชฐ เช•เชพเชฐเซเชฏ เช•เชฐเชตเชพ เช…เชจเซ‡ code เชจเซ‡ เชตเชงเซ เชถเช•เซเชคเชฟเชถเชพเชณเซ€ เชฌเชจเชพเชตเชตเชพเชฎเชพเช‚ เชฎเชฆเชฆ เช•เชฐเซ‡ เช›เซ‡.

Flowchart of Program Controls and Loops


๐ŸŸฆ 1. Program Control Statements เชถเซเช‚ เช›เซ‡?

JavaScript เชฎเชพเช‚ Control Statements เชจเซ‹ เช‰เชชเชฏเซ‹เช— program เชจเชพ flow (เชšเชฒเชฃ) เชจเซ‡ เชจเชฟเชฏเช‚เชคเซเชฐเชฟเชค เช•เชฐเชตเชพ เชฎเชพเชŸเซ‡ เชฅเชพเชฏ เช›เซ‡.
เชคเซ‡เชจเชพ เชฆเซเชตเชพเชฐเชพ:

  • เชถเชฐเชคเซ‹ เชชเซเชฐเชฎเชพเชฃเซ‡ เชจเชฟเชฐเซเชฃเชฏเซ‹ เชฒเชˆ เชถเช•เชพเชฏ

  • เชตเชฟเชตเชฟเชง เชฎเชพเชฐเซเช—เซ‹เชฎเชพเช‚เชฅเซ€ เชเช• เชฎเชพเชฐเซเช— เชชเชธเช‚เชฆ เช•เชฐเซ€ เชถเช•เชพเชฏ

  • statements เชจเซ‡ เชตเชพเชฐเช‚เชตเชพเชฐ เชšเชฒเชพเชตเซ€ เชถเช•เชพเชฏ

JavaScript เชฎเชพเช‚ Control Statements เชฎเซเช–เซเชฏ เชคเซเชฐเชฃ เชชเซเชฐเช•เชพเชฐเชจเชพ เช›เซ‡:

  1. Conditional Statements

  2. Looping Statements

  3. Jump Statements


๐ŸŸข 2. Conditional Statements (เชถเชฐเชคเซ€ เชจเชฟเชตเซ‡เชฆเชจเซ‹)

Conditional Statements เช decision-making statements เช›เซ‡.
JavaScript เชฎเชพเช‚ เชจเซ€เชšเซ‡เชจเชพ Conditional Statements เช›เซ‡:


โœ… (A) if Statement

เชœเซ‹ Condition เชธเชพเชšเซ€ (true) เชนเซ‹เชฏ เชคเซ‹ code เชšเชพเชฒเชถเซ‡.

if (age > 18) {
console.log("You are adult");
}

โœ… (B) ifโ€“else Statement

เชถเชฐเชค เช–เซ‹เชŸเซ€ เชนเซ‹เชฏ เชคเซ‹ else เชจเซ‹ code เชšเชพเชฒเซ‡ เช›เซ‡.

if (marks >= 35) {
console.log("Pass");
} else {
console.log("Fail");
}

โœ… (C) ifโ€“else ifโ€“else Statement

เชเช•เชฅเซ€ เชตเชงเซ เชถเชฐเชคเซ‹ เชšเช•เชพเชธเชตเชพ เชฎเชพเชŸเซ‡.

if (marks >= 90) {
console.log("Grade A");
} else if (marks >= 75) {
console.log("Grade B");
} else {
console.log("Grade C");
}

โœ… (D) switch Statement

เชเช• value เช†เชงเชพเชฐเซ‡ เช…เชจเซ‡เช• เชตเชฟเช•เชฒเซเชชเซ‹เชฎเชพเช‚เชฅเซ€ เชเช• เชชเชธเช‚เชฆ เช•เชฐเซ‡ เช›เซ‡.

switch(day) {
case 1: console.log("Monday"); break;
case 2: console.log("Tuesday"); break;
default: console.log("Invalid day");
}

๐ŸŸฃ 3. Looping Statements in JavaScript (เชฒเซ‚เชชเชฟเช‚เช— เชธเซเชŸเซ‡เชŸเชฎเซ‡เชจเซเชŸเซเชธ)

Loop เช เชเชตเซ‹ control structure เช›เซ‡ เชœเซ‡ code เชจเซ‡ เชตเชพเชฐเช‚เชตเชพเชฐ เชšเชฒเชพเชตเชตเชพเชจเซ€ เชชเชฐเชตเชพเชจเช—เซ€ เช†เชชเซ‡ เช›เซ‡.

JavaScript เชฎเชพเช‚ Loop เชจเชพ เชฎเซเช–เซเชฏ 4 เชชเซเชฐเช•เชพเชฐ เช›เซ‡:

  1. for loop

  2. while loop

  3. doโ€ฆwhile loop

  4. forโ€ฆin / forโ€ฆof loops


๐Ÿ”ต (A) for Loop

เชœเซเชฏเชพเชฐเซ‡ iterations (เชตเชพเชฐ) เชจเซ€ เชธเช‚เช–เซเชฏเชพ เชœเชพเชฃเซ€ เชนเซ‹เชฏ เชคเซเชฏเชพเชฐเซ‡ เช‰เชชเชฏเซ‹เช— เชฅเชพเชฏ เช›เซ‡.

for (let i = 1; i <= 5; i++) {
console.log(i);
}

๐Ÿ”ต (B) while Loop

เชœเซเชฏเชพเชฐเซ‡ เชฎเชพเชคเซเชฐ condition เช†เชงเชพเชฐเซ‡ loop เชšเชพเชฒเชตเซ‹ เชนเซ‹เชฏ.

let i = 1;
while (i <= 5) {
console.log(i);
i++;
}

๐Ÿ”ต (C) doโ€ฆwhile Loop

เช“เช›เชพเชฎเชพเช‚ เช“เช›เซ‹ เชเช• เชตเชพเชฐ เชคเซ‹ code เชšเชพเชฒเซ‡ เชœ เช›เซ‡.

let i = 1;
do {
console.log(i);
i++;
} while (i <= 5);

๐Ÿ”ต (D) forโ€ฆin Loop

Object เชจเชพ keys เชฎเซ‡เชณเชตเชตเชพ เชฎเชพเชŸเซ‡.

let student = {name: "Jay", age: 20};

for (let key in student) {
console.log(key + “: “ + student[key]);
}


๐Ÿ”ต (E) forโ€ฆof Loop

Array เช…เชฅเชตเชพ iterable objects เชชเชฐ เช•เชพเชฎ เช•เชฐเชตเชพ เชฎเชพเชŸเซ‡.

let colors = ["Red", "Green", "Blue"];

for (let c of colors) {
console.log(c);
}


๐Ÿ”ป 4. Jump Statements

โœ” break Statement

Loop เช…เชฅเชตเชพ switch เชฎเชพเช‚เชฅเซ€ เชฌเชนเชพเชฐ เชจเซ€เช•เชณเชตเชพ เชฎเชพเชŸเซ‡.

โœ” continue Statement

เชตเชฐเซเชคเชฎเชพเชจ iteration เชธเซเช•เชฟเชช เช•เชฐเซ€เชจเซ‡ เช†เช—เชณ เชตเชงเชตเชพ เชฎเชพเชŸเซ‡.


๐ŸŸฉ 5. Program Control Statements เชจเซเช‚ เชฎเชนเชคเซเชต

  • Program เชจเซ‡ dynamic เช…เชจเซ‡ flexible เชฌเชจเชพเชตเซ‡ เช›เซ‡

  • เชถเชฐเชคเซ‹ เชชเซเชฐเชฎเชพเชฃเซ‡ logic เชฒเชพเช—เซ เช•เชฐเซ€ เชถเช•เชพเชฏ

  • เชตเชพเชฐเช‚เชตเชพเชฐ เช•เชพเชฎ เชธเชฐเชณ เชฌเชจเซ‡

  • code เชตเชงเซ เชตเซเชฏเชตเชธเซเชฅเชฟเชค เช…เชจเซ‡ readable เชฌเชจเซ‡


JavaScript เชฎเชพเช‚ Control Statements เช…เชจเซ‡ Loops program เชจเซ‹ flow เชจเชฟเชฏเช‚เชคเซเชฐเชฟเชค เช•เชฐเชตเชพ เชฎเชพเชŸเซ‡ เช…เชคเซเชฏเช‚เชค เชœเชฐเซ‚เชฐเซ€ เช›เซ‡.
เชคเซ‡เชฎเชจเชพ เช‰เชชเชฏเซ‹เช—เชฅเซ€:

  • Decision making

  • Repetition

  • Code optimization

เชธเชฐเชณ เชฌเชจเซ€ เชœเชพเชฏ เช›เซ‡.