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

javascript12.zip

ประเภทไฟล์ zip

ขนาดไฟล์ 516 bytes

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

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


 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
MOD_MTB_NEWS_RECENT
อยากรู้วิธีใส่ Google Structure ใน Joomla ว่าใส่ตำแหน่งไหนและแก้ตรงไหนบ้างครับ
โดย Before Dong พฤ 21 ก.ย. 2017 2:20 pm บอร์ด Joomla Development
0
4
พฤ 21 ก.ย. 2017 2:20 pm โดย Before Dong
เมื่อ "ลูกค้า" บอกความต้องการของระบบ
โดย Before Dong พฤ 21 ก.ย. 2017 10:29 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
16
พฤ 21 ก.ย. 2017 10:29 am โดย Before Dong
oracle Sql loader
โดย jataz2 พ 20 ก.ย. 2017 5:13 pm บอร์ด SQL - Database
0
6
พ 20 ก.ย. 2017 5:13 pm โดย jataz2
ประกันสังคมพร้อมก้าวสู่ Digital SSO ไม่ต้องพกบัตรรับรองสิทธิ ตั้งแต่วันที่ 1 ม.ค. 61 เป็นต้นไป
โดย thatsawan พ 20 ก.ย. 2017 11:03 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
21
พ 20 ก.ย. 2017 11:03 am โดย thatsawan
เมื่อคุณประชุมทีมแล้ว ทีมไม่เข้าใจที่คุณพูด
โดย Before Dong พ 20 ก.ย. 2017 10:19 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
24
พ 20 ก.ย. 2017 10:19 am โดย Before Dong
Joomla 3.8 มาแล้ว
โดย mindphp อ 19 ก.ย. 2017 9:14 pm บอร์ด PHP News
0
12
อ 19 ก.ย. 2017 9:14 pm โดย mindphp
สถานะสถานพยาบาลที่เข้าร่วมประกันสังคม 2560 อัพเดทล่าสุด
โดย thatsawan อ 19 ก.ย. 2017 11:32 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
17
อ 19 ก.ย. 2017 11:32 am โดย thatsawan
ทุกปัญหาใหญ่สำหรับ "User" เสมอ!!
โดย Before Dong อ 19 ก.ย. 2017 10:16 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
24
อ 19 ก.ย. 2017 10:16 am โดย Before Dong
เจอ Process ไม่พึงประสงค์ ผังและรัน ภายใต้ /tmp ป้องกันไม่ใช้ รันไฟล์ใน tmp
โดย mindphp อ 19 ก.ย. 2017 7:52 am บอร์ด Linux - Web Server
0
11
อ 19 ก.ย. 2017 7:52 am โดย mindphp
ใครใช้ CCleaner เวอร์ชั่นเก่า อัพเกรดด่วน ให้ใหม่กว่า เวอร์ชัน 5.33
โดย mindphp อ 19 ก.ย. 2017 5:29 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
15
อ 19 ก.ย. 2017 5:29 am โดย mindphp
facebook มันมันบังคับให้ตั้งชื่อใหม่ ให้เป็นชื่อจริงๆ
โดย บุคคลทั่วไป อ 19 ก.ย. 2017 5:18 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
13
อ 19 ก.ย. 2017 5:18 am โดย บุคคลทั่วไป
สอบถามการประยุกต์ใช้คำสั่ง rect()
โดย Ik Kat จ 18 ก.ย. 2017 6:00 pm บอร์ด JavaScript & Jquery Ajax
0
17
จ 18 ก.ย. 2017 6:00 pm โดย Ik Kat
วิธีแก้ปัญหา Can't create/write to file '/tmp/#sql_6182_0.MAI' (Errcode: 2)
โดย mindphp จ 18 ก.ย. 2017 3:40 pm บอร์ด Linux - Web Server
0
11
จ 18 ก.ย. 2017 3:40 pm โดย mindphp
ทำ pop up ให้ login wordpress
โดย บุคคลทั่วไป จ 18 ก.ย. 2017 1:26 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
0
21
จ 18 ก.ย. 2017 1:26 pm โดย บุคคลทั่วไป
ธุรกิจกระเป๋าเงินอิเล็กทรอนิกส์ หรือ e-Money คืออะไร
โดย M029 จ 18 ก.ย. 2017 11:46 am บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
0
17
จ 18 ก.ย. 2017 11:46 am โดย M029
สร้างฟอร์มรับข้อมูล แล้วส่งไปเก็บที่ phpmyadmin
โดย บุคคลทั่วไป จ 18 ก.ย. 2017 11:31 am บอร์ด Programming - PHP
0
22
จ 18 ก.ย. 2017 11:31 am โดย บุคคลทั่วไป
อยากจะเช็คเงื่อนไขไม่ให้เกิด error แบบนี้ EntityRef: expecting ';', ทำยังไงได้บ้างค่ะ
โดย thatsawan จ 18 ก.ย. 2017 11:28 am บอร์ด Programming - C/C++ & java & Python
4
32
จ 18 ก.ย. 2017 11:28 am โดย mindphp
ขั้นตอนที่ SA คิด ขั้นตอนที่ Programmer ทำ
โดย Before Dong จ 18 ก.ย. 2017 10:25 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
36
จ 18 ก.ย. 2017 10:25 am โดย P'Eak
selenium python คำสั่ง ใช้สำหรับ การค้นหา Elements บนหน้าเว็บ
โดย mindphp อ 17 ก.ย. 2017 4:53 am บอร์ด Python Knowledge
0
18
อ 17 ก.ย. 2017 4:53 am โดย mindphp
ตั้งค่า MX ของ mailgun เสริมจากบทความ
โดย mindphp ส 16 ก.ย. 2017 9:17 pm บอร์ด Linux - Web Server
1
17
ส 16 ก.ย. 2017 9:17 pm โดย P'Eak