ให้เรตสมาชิก: 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
ฮิต
9415
ผู้สร้างเอกสาร
วันที่สร้างเอกสาร
2016-06-03 13:32:01

javascript12.zip

ประเภทไฟล์ zip

ขนาดไฟล์ 516 bytes

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

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


 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
B - demo Print loading list ภาษาไทยไม่แสดง
โดย mindphp อ 17 มิ.ย. 2018 12:09 am บอร์ด บริษัท เซนิธ เบบี้ แคร์ จำกัด - Tester
1
2
อ 17 มิ.ย. 2018 12:28 am โดย mindphp
B - มีโมดูลเกินใน demo
โดย mindphp ส 16 มิ.ย. 2018 11:53 pm บอร์ด บริษัท เซนิธ เบบี้ แคร์ จำกัด - Tester
0
1
ส 16 มิ.ย. 2018 11:53 pm โดย mindphp
Q - วิธีเรียกตัวแปรมาใช้ในไฟล์ php ที่แสดงในหน้าเว็บใน JoomShopping
โดย Parichat ส 16 มิ.ย. 2018 6:58 pm บอร์ด Joomla Dev
18
44
อ 17 มิ.ย. 2018 10:11 pm โดย Parichat
B - com_mcharts สามารถติดตั้งได้แต่ไม่สามารถเข้าหน้าตั่งค่าได้
โดย Parichat ส 16 มิ.ย. 2018 5:12 pm บอร์ด M061 - ปาริชาติ รัตโณภาส
0
1
ส 16 มิ.ย. 2018 5:12 pm โดย Parichat
B - com_MJUpgrade ไม่สามารถติดตั้งได้
โดย Parichat ส 16 มิ.ย. 2018 4:48 pm บอร์ด M061 - ปาริชาติ รัตโณภาส
0
1
ส 16 มิ.ย. 2018 4:48 pm โดย Parichat
B - com_M2OpenERP Migration สามารถติดตั้งได้แต่ไม่สามารถใช้งานได้
โดย Parichat ส 16 มิ.ย. 2018 4:31 pm บอร์ด M2OpenERP
0
2
ส 16 มิ.ย. 2018 4:31 pm โดย Parichat
controller เรียกใช้ function ใน model ใน JoomShopping
โดย Parichat ส 16 มิ.ย. 2018 3:38 pm บอร์ด Joomla Developing Knowledge
0
21
ส 16 มิ.ย. 2018 3:38 pm โดย Parichat
งานประจำวันที่ 16 มิถุนายน 2561
โดย Rujikon ส 16 มิ.ย. 2018 9:40 am บอร์ด M060 - นายรุจิกร พงษ์พิละ
2
4
ส 16 มิ.ย. 2018 7:06 pm โดย Rujikon
งานประจำวันที่ 16 มิถุนายน 2561
โดย Parichat ส 16 มิ.ย. 2018 9:35 am บอร์ด M061 - ปาริชาติ รัตโณภาส
1
2
ส 16 มิ.ย. 2018 7:09 pm โดย Parichat
งานประจำวันที่ 16 มิถุนายน 2561
โดย wilawan ส 16 มิ.ย. 2018 8:33 am บอร์ด M062 - วิลาวัณย์ นักษัตรมณฑล
2
10
ส 16 มิ.ย. 2018 7:02 pm โดย thatsawan
upload file ไม่เข้าค่ะผิดตรงไหนค่ะ รบกวนแนะนำหน่อยค่ะ _/|\_
โดย supattra_su ศ 15 มิ.ย. 2018 6:08 pm บอร์ด Programming - PHP
1
40
ส 16 มิ.ย. 2018 1:03 am โดย mindphp
ฺB - In Process ชื่อลูกค้าหาย [2018-01][017]
โดย Rujikon ศ 15 มิ.ย. 2018 5:53 pm บอร์ด Hachanna - Testter
0
4
ศ 15 มิ.ย. 2018 5:53 pm โดย Rujikon
R - อัพเดท state auto หลังจาก state ของ RMA เป็น deliver
โดย nuattawoot ศ 15 มิ.ย. 2018 5:13 pm บอร์ด อาร์ซีพี โกลบอล จำกัด - Tester
2
12
ส 16 มิ.ย. 2018 1:53 pm โดย Rujikon
Q - ทำให้รูปฟีเจอร์ของสินค้าคลิกไปแล้วให้ได้ตรงกับสินค้าที่เปิดเข้าไปดู
โดย Parichat พฤ 14 มิ.ย. 2018 5:24 pm บอร์ด Joomla Dev
36
86
ส 16 มิ.ย. 2018 10:04 am โดย Parichat
บริษัท Hachana แจ้งอัพข้อมูล
โดย Rujikon ศ 15 มิ.ย. 2018 3:48 pm บอร์ด Mindphp Task (ทดลองงาน)
0
7
ศ 15 มิ.ย. 2018 3:48 pm โดย Rujikon
R - ERP ของบริษัท Expenses จะต้องไม่เห็นค่าใช้จ่ายของคนอื่น (M055) เห็นหมดเลย
โดย thatsawan ศ 15 มิ.ย. 2018 2:23 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
1
3
ศ 15 มิ.ย. 2018 2:23 pm โดย thatsawan
วิธีหาวันเเรกเเละวันที่สิ้นสุด ของปีใน python
โดย thatsawan ศ 15 มิ.ย. 2018 1:24 pm บอร์ด Python Knowledge
0
16
ศ 15 มิ.ย. 2018 1:24 pm โดย thatsawan
หลักการเก็บข้อมูลสำหรับการพัฒนาระบบ
โดย wilawan ศ 15 มิ.ย. 2018 1:23 pm บอร์ด M062 - วิลาวัณย์ นักษัตรมณฑล
0
6
ศ 15 มิ.ย. 2018 1:23 pm โดย wilawan
B - หน้ารายการสินค้าต้องมีกรอบสีขาว
โดย tsukasaz ศ 15 มิ.ย. 2018 11:44 am บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
1
7
ศ 15 มิ.ย. 2018 12:15 pm โดย Parichat
งานประจำวันที่ 15 มิถุนายน 2561
โดย Rujikon ศ 15 มิ.ย. 2018 9:47 am บอร์ด M060 - นายรุจิกร พงษ์พิละ
1
9
ศ 15 มิ.ย. 2018 6:41 pm โดย Rujikon