Translate

วันอาทิตย์ที่ 12 กรกฎาคม พ.ศ. 2558

การใช้เงื่อนไขและการทำซ้ำใน javaScript

        อย่างที่เรารู้กันอยู่แล้วว่าการเขียนโปรแกรมนั้นต้องมีการใช้เงื่อนไขหรือการทำซ้ำต่างๆ วันนี้เลยจะมาสอนวิธีการใช้ if else, switch case, for loop ,while loop

Syntax การใช้ if else
ถ้ามีเงื่อนไขเดียวหรือ 2 เงื่อนไขจะใช้
if(condition) {
      .......coding.......
}else{
      .......coding.......
}
ตัวอย่าง เช่น การเช็คค่า null
var name = 'Chinja';
if(name != null) {
     alert(name);
}else{
     alert('name is null');
}
ถ้ามีหลายเงื่อนไข
if(condition) {
      .......coding.......
}else if(condition){
      .......coding.......
}else{
     .......coding.......
}
ตัวอย่าง เช่น การคำนวนเกรดจากคะแนน
var score = 78;
if(score >= 80) {
      alert('A');
}else if(score>= 70 && score < 80){
      alert('B');
}else if(score>=60 && score <70){
     alert('C');
}else if(score>50 && score < 60){
     alert('D');
}else{
     alert('F');
}

Syntax การใช้ switch case
switch(expression) {
    case n:
        code block
        break;
    case n:
        code block
        break;
    default:
        default code block
}
ตัวอย่าง เช่น การรับค่าเกรด
var grade= 'A';
switch(grade) {
    case 'A':
        alert('สุดยอด');
        break;
    case 'B':
        alert('ดี');
        break;
    case 'C':
        alert('ค่อนข้างดี');
        break;
    case 'D':
        alert('พอใช้');
        break;
    case 'F':
        alert('ต้องปรับปรุง');
        break;
    default:
        alert('ไม่มี');
}

Syntax การใช้ for loop
for (statement 1; statement 2; statement 3) {
    code block to be executed
}
ตัวอย่าง เช่น การให้ alert() ข้อความทั้งหมด 3 ครั้ง
for (var i=0; i<3; i++) {
    alert(i);
}

Syntax การใช้ while loop
while (condition) {
    code block to be executed
}
ตัวอย่าง เช่น การทำซ้ำจนกว่า i จะมากกว่า 5
var i =0;
while (i < 5) {
     alert('The number is ' + i);
     i++;
}
      จะเห็นได้ว่าถ้ามีหลายเงื่อนไขมากๆใช้ switch case จะดีกว่า ส่วนการทำ while loop เป็นการทำซ้ำแบบใช้เงื่อนไขเป็นหลักจะทำจนกว่าไม่เข้าเงื่อนไขนั้น ส่วน for loop จะทำซ้ำจนกว่าจะสิ้นสุดตาม statement ที่กำหนด
      สำหรับบทความหน้าจะเป็นการใช้ Array และ Object ใน JavaScript ครับ

ไม่มีความคิดเห็น:

แสดงความคิดเห็น