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

javascript12.zip

ประเภทไฟล์ zip

ขนาดไฟล์ 516 bytes

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

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


 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
Work's on Hand ศิริรัตน์ ทิพย์น้อย M102
โดย sirirat จ 18 พฤษภาคม 2020 10:46 am บอร์ด M102 - ศิริรัตน์ ทิพย์น้อย
0
8
จ 18 พฤษภาคม 2020 10:46 am โดย sirirat
เปิดให้ลงทะเบียนร้านค้าแล้วที่ www.ไทยชนะ.com พร้อมรับ New Normal ควมคุมโรคระบาดโควิด 19
โดย thatsawan ส 16 พฤษภาคม 2020 6:01 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
121
ส 16 พฤษภาคม 2020 6:01 pm โดย thatsawan
SSL หมดอายุ Enginx โชว์ข้อความ This is a placeholder for the subdomain โดเมน.com ที่มีปัญหา
โดย mindphp พฤ 14 พฤษภาคม 2020 5:58 pm บอร์ด Linux - Web Server
0
163
พฤ 14 พฤษภาคม 2020 5:58 pm โดย mindphp
ตัวช่วยในการคำนวณภาษีรถยนต์
โดย prmindphp พ 13 พฤษภาคม 2020 7:05 pm บอร์ด MindPHP News & Feedback
0
120
พ 13 พฤษภาคม 2020 7:05 pm โดย prmindphp
อยากทราบวิธีการ Export จาก html มาเป็น Excel โดยใช้ php
โดย Ittichai_chupol พ 13 พฤษภาคม 2020 6:26 pm บอร์ด Programming - PHP
2
112
พ 13 พฤษภาคม 2020 7:36 pm โดย Ittichai_chupol
สอบถามวิธีการทำให้หน้าเว็บปรับขนาดตามจอค่ะ
โดย Anonymous อ 12 พฤษภาคม 2020 11:35 pm บอร์ด HTML CSS
4
223
พ 13 พฤษภาคม 2020 8:52 pm โดย บุคคลทั่วไป
ตั้งค่าความกว้างของรูป 100% ในส่วนเสริม Latest News Enhanced ยังไงครับ
โดย toonytoony2004 จ 11 พฤษภาคม 2020 8:30 pm บอร์ด Joomla Development
1
280
อ 12 พฤษภาคม 2020 2:38 pm โดย tsukasaz
สอบถามวิธีการคำนวน sum(prices) แบบรายปี
โดย Anonymous อ 10 พฤษภาคม 2020 9:25 am บอร์ด Programming - PHP
2
609
อ 12 พฤษภาคม 2020 8:34 am โดย บุคคลทั่วไป
สอบถามการเพิ่มข้อมูลลงฐานข้อมูลค่ะ php, mysql
โดย Anonymous ศ 08 พฤษภาคม 2020 11:20 pm บอร์ด Programming - PHP
12
4961
พ 03 มิ.ย. 2020 9:55 am โดย Sirayu
วิธีบันทึกข้อมูลเข้ารหัสmd5
โดย champp ศ 08 พฤษภาคม 2020 5:55 pm บอร์ด PHP Knowledge
0
1035
ศ 08 พฤษภาคม 2020 5:55 pm โดย champp
human error คืออะไร
โดย champp ศ 08 พฤษภาคม 2020 12:43 pm บอร์ด PHP Knowledge
0
80
ศ 08 พฤษภาคม 2020 12:43 pm โดย champp
Input Type สำหรับใช้งาน
โดย champp ศ 08 พฤษภาคม 2020 12:17 pm บอร์ด PHP Knowledge
0
86
ศ 08 พฤษภาคม 2020 12:17 pm โดย champp
วิธีเปลี่ยนภาพไปเรื่อยๆ ด้วย JavaScript
โดย champp ศ 08 พฤษภาคม 2020 12:14 pm บอร์ด PHP Knowledge
0
85
ศ 08 พฤษภาคม 2020 12:14 pm โดย champp
เครื่องมือในการคำนวณ Bandwidth
โดย prmindphp พฤ 07 พฤษภาคม 2020 6:50 pm บอร์ด MindPHP News & Feedback
0
168
พฤ 07 พฤษภาคม 2020 6:50 pm โดย prmindphp
วิธีตรวจสอบข้อมูลซ้ำ
โดย champp พฤ 07 พฤษภาคม 2020 6:15 pm บอร์ด PHP Knowledge
0
1411
พฤ 07 พฤษภาคม 2020 6:15 pm โดย champp
เขียน CSS ในลักษณะต่างๆ
โดย champp พฤ 07 พฤษภาคม 2020 5:35 pm บอร์ด CSS Knowledge
0
82
พฤ 07 พฤษภาคม 2020 5:35 pm โดย champp
เริ่มเเล้ว "โครงการตู้เย็นข้างบ้านต้านภัย COVID-19" แจกฟรี.. เมล็ดพันธุ์ผักสวนครัวแก่เกษตรกรและประชาชนทั่วไป 10,000 ชุด
โดย thatsawan พ 06 พฤษภาคม 2020 9:55 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
198
พฤ 07 พฤษภาคม 2020 5:05 pm โดย thatsawan
padding ต่างจาก margin อย่างไร
โดย champp พฤ 07 พฤษภาคม 2020 4:49 pm บอร์ด CSS Knowledge
0
169
พฤ 07 พฤษภาคม 2020 4:49 pm โดย champp
IR infrared obstacle detection sensor คืออะไร
โดย champp พฤ 07 พฤษภาคม 2020 4:16 pm บอร์ด IOT - Internet of things
0
86
พฤ 07 พฤษภาคม 2020 4:16 pm โดย champp
ตู้จดหมายแจ้งเตือนผ่านไลน์ได้อย่างไร
โดย champp พฤ 07 พฤษภาคม 2020 3:58 pm บอร์ด IOT - Internet of things
0
148
พฤ 07 พฤษภาคม 2020 3:58 pm โดย champp