×

คำเตือน

JUser: :_load: Unable to load user with ID: 6465

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

javascript12.zip

ประเภทไฟล์ zip

ขนาดไฟล์ 516 bytes

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

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


 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
วิธีการ แสดงผลข้อมูล จากน้อยไปมาก มากไปน้อย โดย Python
โดย bolue ศ 05 มิ.ย. 2020 11:56 am บอร์ด Python Knowledge
0
35
ศ 05 มิ.ย. 2020 11:56 am โดย bolue
วิธีการ ค้นหาแบบช่วงวันที่ โดย Python
โดย bolue ศ 05 มิ.ย. 2020 11:25 am บอร์ด Python Knowledge
0
41
ศ 05 มิ.ย. 2020 11:25 am โดย bolue
กองทุนประกันสังคม มีผู้ประกันตนกี่ประเภท ??
โดย natthanit.r2538 พฤ 04 มิ.ย. 2020 5:53 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
36
พฤ 04 มิ.ย. 2020 5:53 pm โดย natthanit.r2538
วิธีการ ลงเวลา โดย Python
โดย bolue พฤ 04 มิ.ย. 2020 4:09 pm บอร์ด Python Knowledge
0
70
พฤ 04 มิ.ย. 2020 4:09 pm โดย bolue
การยื่นแบบ ภ.ง.ด. 53 ออนไลน์ สอนวิธีการยื่นแบบออนไล์ ทำได้ด้วยตัวเอง
โดย natthanit.r2538 พฤ 04 มิ.ย. 2020 3:51 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
1
63
พฤ 04 มิ.ย. 2020 4:16 pm โดย natthanit.r2538
วิธีการ โชว์ข้อมูลด้วยการ Format วันที่ โดย Python
โดย bolue พฤ 04 มิ.ย. 2020 3:38 pm บอร์ด Python Knowledge
0
62
พฤ 04 มิ.ย. 2020 3:38 pm โดย bolue
การยื่นแบบ ภ.ง.ด. 3 ออนไลน์ สรุปขั้นตอนยื่นแบบภาษี ออนไลน์
โดย natthanit.r2538 พฤ 04 มิ.ย. 2020 2:54 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
1
52
พฤ 04 มิ.ย. 2020 3:08 pm โดย natthanit.r2538
วิธีการเดินทางจาก ปทุมธานี มา กรุงเทพฯ
โดย bolue พฤ 04 มิ.ย. 2020 1:59 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
40
พฤ 04 มิ.ย. 2020 1:59 pm โดย bolue
วิธีการ Search database แบบพื้นฐานๆ โดย Python
โดย bolue พฤ 04 มิ.ย. 2020 1:55 pm บอร์ด Python Knowledge
0
69
พฤ 04 มิ.ย. 2020 1:55 pm โดย bolue
การยื่นแบบ ภ.ง.ด.1 ออนไลน์ ขั้นตอนการยืนแบบออนไลน์
โดย natthanit.r2538 พฤ 04 มิ.ย. 2020 12:35 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
2
57
พฤ 04 มิ.ย. 2020 1:40 pm โดย natthanit.r2538
สอบถามเรื่องการแนบรูปในกระทู้ค่ะ
โดย natthanit.r2538 พฤ 04 มิ.ย. 2020 12:34 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
2
65
พฤ 04 มิ.ย. 2020 2:31 pm โดย natthanit.r2538
B - ยังขาดหน้าผลการค้นหา จาก search.php
โดย mindphp ศ 29 พฤษภาคม 2020 6:11 am บอร์ด FDD (Main)
0
1
ศ 29 พฤษภาคม 2020 6:11 am โดย mindphp
B - กล่องค้นหาจากหน้า index ใช้งานไม่ได้ กดแล้วไม่ไปหน้าค้นหา
โดย mindphp ศ 29 พฤษภาคม 2020 5:39 am บอร์ด FDD (Main)
1
1
ศ 29 พฤษภาคม 2020 5:53 am โดย mindphp
B - ไม่ใช่แค่โชว์ icon facebook มันต้องทำลิงค์เพื่อให้คลิกไป
โดย mindphp ศ 29 พฤษภาคม 2020 4:39 am บอร์ด FDD (Main)
1
2
ศ 29 พฤษภาคม 2020 4:51 am โดย mindphp
อัพเดท phpbb 3.3 เเล้ว extenstion ใช้งานไม่ได้
โดย thatsawan พฤ 28 พฤษภาคม 2020 10:08 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
1
4427
พฤ 28 พฤษภาคม 2020 10:10 pm โดย thatsawan
วิธีการสร้าง css ที่ใช้งานเฉพาะในบราวเซอร์ safari เท่านั้น
โดย Ittichai_chupol พฤ 28 พฤษภาคม 2020 6:06 pm บอร์ด CSS Knowledge
0
159
พฤ 28 พฤษภาคม 2020 6:06 pm โดย Ittichai_chupol
อยากทราบวิธีการกำหนด ค่า css ให้กับ button โดยกำหนดเฉพาะแต่ละบราวเซอร์
โดย Ittichai_chupol พ 27 พฤษภาคม 2020 8:39 pm บอร์ด HTML CSS
1
88
พ 27 พฤษภาคม 2020 9:15 pm โดย mindphp
อัพเดท Changelog flask framework ของภาษา Python (ver 1.1.2 ล่าสุด)
โดย jirawoot พ 27 พฤษภาคม 2020 12:19 pm บอร์ด Python Knowledge
0
149
พ 27 พฤษภาคม 2020 12:19 pm โดย jirawoot
งานประจำวันที่ 27 พฤษภาคม 2563
โดย yositacha26 พ 27 พฤษภาคม 2020 12:13 pm บอร์ด MP011 - โยษิตา จันทะวงษ์
1
25
พ 27 พฤษภาคม 2020 12:15 pm โดย yositacha26
อยากทราบว่า วิธีการกำหนดการตั้งค่า ภาษาไทย ใน Netbeans
โดย Ittichai_chupol พ 27 พฤษภาคม 2020 10:13 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
150
พ 27 พฤษภาคม 2020 10:13 am โดย Ittichai_chupol