วันเสาร์ที่ 23 พฤศจิกายน พ.ศ. 2556

การใช้ if, if else, if else if ใน Javascript

หลาย ๆ ครั้ง ในการเขียนโค้ด ก็ต้องมีการตัดสินใจ ทำอะไรบางอย่าง และสิ่งที่ใช้กันบ่อยที่สุดในการตัดสินใจ นั่นก็คือ if
การใช้ if, if else และ if else if ในภาษา Javascript โดยทั่วไป เป็นการใช้เพื่อให้โปรแกรมตัดสินใจ ซึ่ง Syntax ในการเขียน ตามด้านล่างเลยครับ

Syntax if ใน Javascript

view plaincopy to clipboardprint
  1. if(condition){   
  2.     statement 1;  
  3.     statement 2;  
  4.     ...  
  5. }  
condition คือเงื่อนไงที่ต้องการ statement ก็คือคำสั่งในโปรแกรม อาจประกอบด้วยหลายคำสั่ง ถ้าหากมีคำสั่งมากกว่าหนึ่งให้ใส่วงเล็บปีกกา{} ครอบคำสั่งทั้งหมดไว้ แต่ถ้ามีเพียงคำสั่งเดียวไม่ต้องใส่วงเล็บปีกกาก็ได้ ถ้าหากไม่มีคำสั่งใด ๆ ให้ใส่วงเล็บเปล่า หรือใส่เครื่องหมาย ; ไว้ก็ได้

ตัวอย่างการใช้ if ใน Javascript

view plaincopy to clipboardprint
  1. <script language="javascript" type="text/javascript">  
  2. function useif(){  
  3.     var score = document.getElementById("score").value;  
  4.     if(score < 50)  
  5.         document.getElementById("show").innerHTML = "Your Grade : F";  
  6.     if(score >= 50 && score < 60)  
  7.         document.getElementById("show").innerHTML = "Your Grade : D";  
  8.     if(score >= 60 && score < 70)   
  9.         document.getElementById("show").innerHTML = "Your Grade : C";  
  10.     if(score >= 70 && score < 80)  
  11.         document.getElementById("show").innerHTML = "Your Grade : b";  
  12.     if(score >= 80)  
  13.         document.getElementById("show").innerHTML = "Your Grade : A";  
  14.     if(isNaN(score))  
  15.         document.getElementById("show").innerHTML = "Input Incorrect";  
  16.     if(score == "")  
  17.         document.getElementById("show").innerHTML = "Input Score";  
  18. }  
  19. </script>  
  20. ใส่คะแนน : <input id="score" type="text" name="score" />  
  21. <input type="button" value="ดูเกรด" onclick="useif()" />  
  22. <span id="show"></span>  
ใส่คะแนน :   
โปรแกรมนี้รับค่าคะแนนมาจากการ id ที่มีชื่อว่า score นั่นคือจากใน text นั่นเอง จากนั้นเราใช้ if เพื่อตรวจสอบไปแต่ละเกรด จะเห็นว่าเราใช้แต่ if ตามหลัง if มีแค่คำสั่งเดียว ไม่ต้องใส่วงเล็บปีกกาครอบก็ได้ โปรแกรมนี้จะตรวจสอบทุก if นั่นคือตรวจสอบว่าน้อยกว่า 50 ต่อไป ก็ มากกว่า 50 และ น้อยกว่า 60 หรือไม่ และตรวจสอบไปเรื่อย ๆ ทุก ๆ เกรดถ้าคะแนน น้อยกว่า 50 แล้วปริ้น F ออกมา แต่ก็ต้องตรวจสอบว่าเป็นเกรด D C B หรือ A หรือไม่ แล้วก็ต้องตรวจสอบ isNaN นั่นคือเป็นตัวเลขหรือไม่ และก็ตรวจสอบว่าได้กรอกข้อมูลเข้ามาหรือไม่

Syntax if else ใน Javascript

view plaincopy to clipboardprint
  1. if(condition){   
  2.     statement 1;  
  3.     statement 2;  
  4.     ...  
  5. }  
  6. else{  
  7.     statement 1;  
  8.     statement 2;  
  9.     ...  
  10. }  
โปรแกรมจะเข้าสู่การทำงานในบล็อก else ได้ ก็ต่อเมื่อ การทำงานใน if เป็นเท็จ

ตัวอย่างการใช้ if else ใน Javascript

view plaincopy to clipboardprint
  1. <script language="javascript" type="text/javascript">  
  2. function useifelse(){  
  3.     var score = document.getElementById("score2").value;  
  4.     if(score < 50) document.getElementById("show2").innerHTML = "Your Grade : F";  
  5.     else{  
  6.         if(score < 60) document.getElementById("show2").innerHTML = "Your Grade : D";  
  7.         else{  
  8.             if(score < 70) document.getElementById("show2").innerHTML = "Your Grade : C";  
  9.             else{  
  10.                 if(score < 80)  
  11.                     document.getElementById("show2").innerHTML = "Your Grade : B";  
  12.                 else{   
  13.                     if(isNaN(score))  
  14.                         document.getElementById("show2").innerHTML = "Input Incorrect";  
  15.                     else document.getElementById("show2").innerHTML = "Your Grade : A";  
  16.                 }  
  17.             }  
  18.         }  
  19.     }  
  20.     if(score == "") document.getElementById("show2").innerHTML = "Input Score";  
  21. }  
  22. </script>  
  23. ใส่คะแนน : <input id="score2" type="text" name="score" />  
  24. <input type="button" value="ดูเกรด" onclick="useifelse()" />  
  25. <span id="show2"></span>  
ใส่คะแนน :   
โปรแกรมนี้เราใช้ if else ตอนแรกก็ตรวจสอบว่าน้อยกว่า 50 หรือไม่ ถ้าใช่ ก็ปริ้น F ออกมา แต่ถ้าไม่ใช่ก็ไปทำที่ else ใน else ก็ไปตรวจสอบ if ใน else อีกที หรือที่เรียกกันว่า if ซ้อน if นั่นเอง จาก if ซ้อน if เราก็สามารถลดรูปกลายเป็นโปรแกรมที่สามนั่นคือ if else if

Syntax if else if ใน Javascript

view plaincopy to clipboardprint
  1. if(condition1){   
  2.     statement 1;  
  3.     statement 2;  
  4.     ...  
  5. }  
  6. else if(condition2){   
  7.     statement 1;  
  8.     statement 2;  
  9.     ...  
  10. }  
  11. else{  
  12.     statement 1;  
  13.     statement 2;  
  14.     ...  
  15. }  
การใช้ if else if จะทำการตรวจสอบ condition แต่ละอัน ถ้าอันไหนเป็นจริง ก็จะทำงานในบล็อกนั้น

ตัวอย่างการใช้ if else if ใน Javascript

view plaincopy to clipboardprint
  1. <script language="javascript" type="text/javascript">  
  2. function useifelseif(){  
  3.     var score = document.getElementById("score3").value;  
  4.     if(score == "") document.getElementById("show3").innerHTML = "Input Score";  
  5.     else if(isNaN(score)) document.getElementById("show3").innerHTML = "Input Incorrect";  
  6.     else if(score < 50) document.getElementById("show3").innerHTML = "Your Grade : F";  
  7.     else if(score < 60) document.getElementById("show3").innerHTML = "Your Grade : D";  
  8.     else if(score < 70) document.getElementById("show3").innerHTML = "Your Grade : C";  
  9.     else if(score < 80) document.getElementById("show3").innerHTML = "Your Grade : B";  
  10.     else document.getElementById("show3").innerHTML = "Your Grade : A";  
  11. }  
  12. </script>  
  13. ใส่คะแนน : <input id="score3" type="text" name="score" />  
  14. <input type="button" value="ดูเกรด" onclick="useifelseif()" />  
  15. <span id="show3"></span>  
ใส่คะแนน :   
โปรแกรมนี้เป็นการใช้ if else if เพื่อตรวจสอบน้อยกว่า 50 หรือไม่ถ้าไม่ก็ไปตรวจอันที่สอง ถ้าน้อยกว่า 60 ก็ทำการปริ้น D ออกมา แล้วจบโปรแกรม ต่างจากโปรแกรมแรกที่ต้องตรวจทุก if แม้จะปริ้นเกรดออกมาแล้ว และเป็นการลดรูปจากโปรแกรมที่สอง จากการใช้ if ซ้อนกันหลาย ๆ ครั้ง ทำให้โปรแกรมดูง่ายขึ้น
เขียนโดย ที่ ไม่มีความคิดเห็น:

If - Else ASP.NET C# การสร้างเงื่อนไขแบบ If - Else


If - Else คือ คำสั่งสำหรับการสร้างเงื่อนไขแบบหนึ่ง มีไว้สำหรับการควบคุมการทำงานของโปรแกรมให้เป็นไปตามที่กำหนด หรือตามที่ต้องการ

ตัวอย่างโปรแกรม .aspx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="TEST._Default" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Label runat="server" ID="lbl"></asp:Label>
    </div>
    </form>
</body>
</html>

ตัวอย่างโปรแกรม .aspx.cs
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
32
33
34
35
36
37
38
using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
 
namespace TEST
{
    public partial class _Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
 
            int a = 10;
 
            if (a >= 10)
            {
 
                lbl.Text = "a >= 10";
 
            }
            else
            {
 
                lbl.Text = "a < 10";
 
            }
 
        }
    }
}

ผลลัพธ์
1
a >= 10
เขียนโดย ที่ ไม่มีความคิดเห็น:
สมัครสมาชิก: ความคิดเห็น (Atom)