ให้เรตสมาชิก: 3 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

บทที่12 Javascript Conditions คำสั่งที่ใช้กำหนดเงื่อนไข


     condition คือเงื่อนไขที่ต้องการ statement ก็คือคำสั่งในโปรแกรม อาจประกอบด้วยหลายคำสั่ง ถ้าหากมีคำสั่งมากกว่าหนึ่งให้ใส่วงเล็บปีกกา{} ครอบคำสั่งทั้งหมดไว้ แต่ถ้ามีเพียงคำสั่งเดียวไม่ต้องใส่วงเล็บปีกกาก็ได้ ถ้าหากไม่มีคำสั่งใด ๆ ให้ใส่วงเล็บเปล่า หรือใส่เครื่องหมาย ; ไว้ก็ได้
    เนื่องจากการเขียนโปรแกรมส่วนใหญ่จะอาศัยเงื่อนไข หรือข้อกำหนดบางอย่างในการทำงาน ดังนั้นสิ่งที่เราจำเป็นต้องรู้ก็คือการกำหนดเงื่อนไขอย่างไร จึงจะควบคุมการทำงานให้ได้ผลลัพธ์ภายในขอบเขตที่เราต้องการ ซึ่งในภาษา Javascript นั้นใช้  if , if...else statement , if...else if....else
,switch statement
สำหรับการกำหนดเงื่อนไขต่างๆเพื่อควบคุมการทำงานของโปรแกรม ตัวอย่างเช่น

1. เงื่อนไขที่ใช้ if
 เป็นการเปรียบเทียบว่าตรงกับเงื่อนไขหรือไม่ หากตรงจะกระทำตามคำสั่ง หากไม่ตรงจะข้ามไปยังคำสั่งถัดไป รูปแบบมีดังนี้
IF (เงื่อนไข)
 {// คำสั่ง }
ตัวอย่างเช่น

if (วันนี้ฝนตก) 
{ ไปเก็บผ้า}

    ***โดยหลักการทำงานคือ ทำการตรวจสอบเงื่อนไข ภายใน if ถ้าหากว่าเงือนไขเป็นจริง ก็จะทำคำสั่งที่อยู่ภายในบล็อค จากตัวอย่าง ถ้าหากว่าเกิดฝนตก เช็คเงือนไขแล้ว ตรงกับ if ก็จะเข้าคำสั่ง ไปเก็บผ้า แล้วถ้าวันนี้ฝนไม่ตก ก็จะไม่ต้องเก็บผ้า

2.เงื่อนไขที่ใช้ if...else
เป็นการกำหนดทางเลือกอื่นๆในการทำงานนอกเหนือจากที่กำหนดใน if โดยที่หากเงื่อไขไม่ตรงกับที่ระบุไว้ใน if โปรแกรมจะทำตามคำสั่งที่ระบุไว้ใน else มีรูปแบบดังนี้
if (เงื่อนไข)
  {  // คำสั่งกรณีตรงกับเงื่อนไข}
else
  {  //คำสั่งกรณีที่ไม่ตรงกับเงื่อนไข  }
ตัวอย่างเช่น

if (วันนี้ฝนตก)
 { ไปเก็บผ้า }
else { ไปนอน }

code ตัวอย่าง

 

  <script>
    var i =1;
    if(i==1){
        document.write("<p>เงื่อนไขเป็นจริง</p>");
    }else{
        document.write("เงื่อนไขเป็นเท็จ");
    };
  </script>

 

   โดยคำสั่ง if-else จะคล้ายๆกับ if คือช่วยให้การตรวจสอบเงื่อนไขสมบูรณ์ยิ่งขึ้น โดยหากตรวจสอบเงื่อนไข if ถ้าหากเป็นเท็จ ก็จะทำคำสั่งที่อยู่ภายในบล็อค else  ต่างจาก เงือนไข if ตรงที่ หากเงื่อนไข if เป็นเท็จ ก็จะไม่ทำคำสั่งใดเลย จากตัวอย่าง ถ้าหากว่า วันนี้ฝนตก ก็ต้องไปเก็บผ้า แต่ถ้าฝนไม่ตก ก็ไปนอน

3.เงื่อนไขที่ใช้ if...else if...else
เป็น การใช้ if ซ้อน if เพื่อให้เงื่อนไขสมบูรณ์ยิ่งขึ้นไปอีก สามารถใช้ได้กี่เงื่อนไขก็ได้  โดยหลักการทำงานคือ ทำการตรวจสอบเงื่อนไข ภายใน if ถ้าหากว่าเงือนไขเป็นจริง ก็จะทำคำสั่งที่อยู่ภายในบล็อค ถ้าหากไม่จริง ก็จะไปเช็คเงื่อนไขถัดไป พบว่าจริงก็จะทำคำสั่ง ถ้าเท็จก็เช็คเงื่อนไขต่อไปเรื่อยๆ

if (เงื่อนไขที่ 1) 
{ //คำสั่งกรณีตรงกับเงื่อนไขที่ 1}
 else if (เงือนไขที่ 2)
{ //คำสั่งกรณีตรงกับเงื่อนไขที่ 2 }
else
 { //หากไม่ตรงกับเงื่อนไขที่ 1 และ 2 ก็จะใช้คำสั่งนี้แทน}

ตัวอย่างเช่น

if (วันนี้ฝนตก) 
{ ไปเก็บผ้า }
else if (วันนี้หิมะตก)
{ ไปเล่นสกี } else
{ ไปนอน}

   ***เมื่อเช็คเงื่อนไขแล้วหากตรงกับเงื่อนไขแรก คือ วันนี้ฝนตก ก็ทำตามคำสั่งแรกคือ ไปเก็บผ้า ถ้าฝนไม่ตก ก็จะเช็คดูว่า วันนี้หิมะตกหรือไม่ ถ้าใช่ ก็จะไปเล่นสกี หรือถ้าไม่ตรงกันกับเงื่อนไขที่ 1 และ 2 ก็จะทำตามคำสั้งที่ 3 คือ ไปนอน


ข้อมูลอ้างอิง
http://devsharing.com
http://www.w3schools.com

หัวเรื่อง
javascript12
หมวดหมู่
Javascript, Javascript
ฮิต
17672
ผู้สร้างเอกสาร
วันที่สร้างเอกสาร
2016-06-03 13:32:01

javascript12.zip

ประเภทไฟล์ zip

ขนาดไฟล์ 516 bytes

ผู้อัพโหลดไฟล์

วันที่อัพโหลด 2016-06-03 06:30:45


 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
การใช้ text-align เพื่อจัดข้อความ
โดย bankjittapol ศ 22 พ.ย. 2019 6:28 pm บอร์ด CSS Knowledge
0
3
ศ 22 พ.ย. 2019 6:28 pm โดย bankjittapol
อยากทราบคำสั่ง joomla ที่จะทำให้ย่อยรูปได้ครับ
โดย jamepiyawat ศ 22 พ.ย. 2019 5:53 pm บอร์ด Joomla Development
0
5
ศ 22 พ.ย. 2019 5:53 pm โดย jamepiyawat
วิธีการการใช้งาน jquery เพื่อปรับเปลี่ยนค่า css ให้กับปุ่มเมื่อมีการคลิก
โดย Ittichai_chupol ศ 22 พ.ย. 2019 5:41 pm บอร์ด Jquery & Ajax Knowledge
0
3
ศ 22 พ.ย. 2019 5:41 pm โดย Ittichai_chupol
การใส่ Intro Outro และการตัดต่อ VDO ด้วยโปรแกรม โปรแกรม Sony Vagas Pro
โดย numtan5839 ศ 15 พ.ย. 2019 1:41 pm บอร์ด Graphic design
0
6
ศ 15 พ.ย. 2019 1:41 pm โดย numtan5839
ข้อดีข้อเสียของ SAP
โดย kanchanok พฤ 05 เม.ย. 2018 9:31 am บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
1
2220
ศ 22 พ.ย. 2019 4:57 pm โดย mindphp
วิธีการเปลี่ยนการแสดงผล ส่วนการจัดการกระทู้ที่ติดตาม ของ phpbb
โดย Ittichai_chupol ศ 22 พ.ย. 2019 4:07 pm บอร์ด PHP Knowledge
0
5
ศ 22 พ.ย. 2019 4:07 pm โดย Ittichai_chupol
.net ถ้าจะใช้ Entity Framework โดยไม่ต้องลงตัว Oracle Data Access Client (ODAC)
โดย jataz2 ศ 22 พ.ย. 2019 3:23 pm บอร์ด Programming - C/C++ & java & Python
0
9
ศ 22 พ.ย. 2019 3:23 pm โดย jataz2
โปรแกรมหาค่าเฉลี่ย, ค่าแปรปรวน และค่าเบี่ยงเบนมาตรฐาน
โดย prmindphp ศ 22 พ.ย. 2019 10:40 am บอร์ด MindPHP News / Feedback
0
17
ศ 22 พ.ย. 2019 10:40 am โดย prmindphp
โปรแกรมคำนวณสแควรูท - โปรแกรมช่วยหาค่า รากที่ สอง สาม สี่... ของจำนวนที่ต้องการ
โดย prmindphp ศ 22 พ.ย. 2019 10:23 am บอร์ด MindPHP News / Feedback
0
37
ศ 22 พ.ย. 2019 10:23 am โดย prmindphp
พาสปอร์ตด่วนพิเศษ บินไวไฟลุก จ่าย 3,000.- รับเล่มภายในไม่กี่ชั่วโมง
โดย promotion ศ 22 พ.ย. 2019 10:19 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
8
ศ 22 พ.ย. 2019 10:19 am โดย promotion
งานประจำวันที่ 22 พฤศจิกายน 2562
โดย numtan5839 ศ 22 พ.ย. 2019 9:36 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
6
24
ศ 22 พ.ย. 2019 6:58 pm โดย numtan5839
บันทึกการประชุม OpenERP MD-ERP
โดย rinrada ส 04 ก.พ. 2017 11:52 am บอร์ด OpenERP - MD-ERP (Main)
26
173
พฤ 21 พ.ย. 2019 6:56 pm โดย thatsawan
การใช้ ฟังก์ชัน hsl() และ hsal () กำหนดค่าของสี
โดย bankjittapol พฤ 21 พ.ย. 2019 6:55 pm บอร์ด CSS Knowledge
0
24
พฤ 21 พ.ย. 2019 6:55 pm โดย bankjittapol
วิธีการแยกตัวอักษรเข้าอาร์เรย์ (Array) แต่ล่ะอาร์เรย์ ด้วยคำสั่ง split
โดย jamepiyawat พฤ 21 พ.ย. 2019 6:50 pm บอร์ด Jquery & Ajax Knowledge
0
20
พฤ 21 พ.ย. 2019 6:50 pm โดย jamepiyawat
วิธีการดึงค่าเฉพาะค่าสุดท้ายของ class แม้ว่าจะมี class ชื่อเหมือนกัน หลายคลาส โดย javascript
โดย Ittichai_chupol พฤ 21 พ.ย. 2019 6:39 pm บอร์ด Jquery & Ajax Knowledge
0
27
พฤ 21 พ.ย. 2019 6:39 pm โดย Ittichai_chupol
การติดตั้ง wkhtmltopdf ด้วย terminal บน ubuntu
โดย jirawoot พฤ 27 มิ.ย. 2019 4:00 pm บอร์ด Linux - Web Server
3
719
พฤ 21 พ.ย. 2019 2:49 pm โดย mindphp
การปรับแก้ไข(Overrides) Modules ใน Template
โดย bankjittapol พฤ 21 พ.ย. 2019 2:36 pm บอร์ด Joomla Developing Knowledge
0
19
พฤ 21 พ.ย. 2019 2:36 pm โดย bankjittapol
wkhmtltopdf คืออะไร
โดย jirawoot พ 03 ก.ค. 2019 6:35 pm บอร์ด Share Knowledge
1
229
พฤ 21 พ.ย. 2019 2:34 pm โดย mindphp
อัพเกรด wkhtmltopdf บน Ubuntu 16.04
โดย mindphp พฤ 21 พ.ย. 2019 2:33 pm บอร์ด Linux - Web Server
0
18
พฤ 21 พ.ย. 2019 2:33 pm โดย mindphp
VDO - โปรแกรมแปลงพื้นที่
โดย numtan5839 พฤ 21 พ.ย. 2019 1:59 pm บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
4
29
ศ 22 พ.ย. 2019 6:40 pm โดย numtan5839