การแตกสาขา · ประสบการณ์การเขียนโปรแกรม Javascript ตัวดำเนินการแบบมีเงื่อนไขในตัวดำเนินการ Javascript ตัวดำเนินการ Javascript ช่วยให้คุณสามารถระบุสาขาที่จำเป็นของโปรแกรมได้

วาร์ ก = 10; วาร์ ข = (ก>1) ? 100:200; การแจ้งเตือน(ข);

ถ้าสภาพ ก>1จริง แล้วจึงเป็นตัวแปร ขกำหนดมูลค่า 100 หรือกำหนดค่าให้กับตัวแปร b 200 .

ภารกิจ Js 3_4 เพิ่มโค้ด: มีการประกาศตัวแปรท้องถิ่น 3 รายการโดยใช้คีย์เวิร์ด var จำเป็นต้องกำหนดค่าของตัวดำเนินการแบบไตรภาคต่อไปนี้ให้กับตัวแปรสูงสุด: ถ้า a มากกว่า b เราจะคืนค่า a มิฉะนั้นเราจะส่งคืน b
ข้อมูลโค้ด:

ถ้า (ก * ข< 6) { result = "Мало"; } else { result = "Много"; }

คำถามเพื่อการควบคุมตนเอง:

ไวยากรณ์ของตัวดำเนินการที่ประกอบไปด้วยคืออะไร?

ตัวดำเนินการที่ประกอบไปด้วยข้อโต้แย้งมีกี่ข้อ?

ตัวดำเนินการสวิตช์ในจาวาสคริปต์ - สวิตช์

คำสั่งสวิตช์จาวาสคริปต์ใช้เพื่อทดสอบตัวแปรสำหรับหลายค่า:

ไวยากรณ์:

สวิตช์ (ตัวแปรหรือนิพจน์) ( case option1: //..block ofstatement.. break case option2: //..block ofstatement.. break default: //..block ofstatement.. )

มีการตรวจสอบค่าของตัวแปรหรือนิพจน์: ในแต่ละค่า กรณีมีการตรวจสอบค่าใดค่าหนึ่งหากค่าเหมาะสมจะมีการดำเนินการบล็อกตัวดำเนินการหนึ่งหรืออีกอันที่สอดคล้องกับค่านี้ กรณี.

บล็อกที่ขึ้นต้นด้วยคำบริการเริ่มต้นสามารถละเว้นได้ คำสั่งบล็อกจะถูกดำเนินการหากไม่มีค่าใดที่แสดงอยู่ในรายการทั้งหมด กรณีไม่พอดี

สำคัญ: จำเป็นต้องมีคำสั่งแบ่งหลังจากแต่ละค่าตัวแปรที่พิจารณา (หลังจากแต่ละค่า กรณี- หากคุณไม่ใช้มัน ข้อความทั้งหมดด้านล่างจะถูกพิมพ์ออกมา

เปรียบเทียบกับผู้ปฏิบัติงาน ถ้า:

วาร์ ก = 2; switch(a) ( case 0: // if (a === 0) case 1: // if (a === 0) alert("Zero or one"); // จากนั้นพิมพ์... break; case 2: // if (a === 2) alert("Two"); // จากนั้นแสดง... ทำลายค่าเริ่มต้น: // else alert("Many"); // มิฉะนั้นจะแสดง... )

จะจัดกลุ่มตัวเลือกต่างๆ ได้อย่างไร?

หากต้องการดำเนินการคำสั่งเดียวกัน คุณสามารถจัดกลุ่มหลายรายการได้ กรณี- ดังตัวอย่างข้างต้น:

กรณีที่ 0: กรณีที่ 1: การแจ้งเตือน ("ศูนย์หรือหนึ่ง"); หยุดพัก; -

เมื่อ a = 0 และ a = 1 คำสั่งเดียวกันจะถูกดำเนินการ: alert("Zero or one");

ตัวอย่างที่ 4: แจ้งให้ผู้ใช้ป้อนสี ส่งออกคำแปลภาษาอังกฤษของสีที่ป้อน สำหรับสี "สีฟ้า"และ "สีฟ้า"ทำให้เกิดมูลค่าเท่ากัน

✍ วิธีแก้ไข:

สร้างหน้าเว็บด้วยโครงกระดูก HTML และแท็ก สคริปต์.
เริ่มต้นตัวแปร สี

var color = prompt("สีอะไร?" ) ;

var color = prompt("สีอะไร?");

ตรวจสอบค่าของตัวแปรโดยใช้โครงสร้าง เหงื่อส่งออกสำหรับแต่ละค่าการแปลที่สอดคล้องกัน:

สวิตช์ (สี) ( case "red" : alert("red"); break; case "green": alert("green"); break; // ...

หากเป็นตัวแปร สีมีค่า "สีแดง" จากนั้นแสดงคำแปลในหน้าต่างโมดอล - "สีแดง" และออกจากโครงสร้าง (ตัวแบ่ง;) หากเป็นตัวแปร สีมีค่า "สีเขียว" จากนั้นแสดงคำแปลในหน้าต่างโมดอล - "สีเขียว" และออกจากโครงสร้าง (ตัวแบ่ง;)

สำหรับดอกไม้ "สีฟ้า"และ "สีฟ้า"ทำการจัดกลุ่ม:

// ... case "blue": case "blue": alert("blue"); หยุดพัก; -

หากเป็นตัวแปร สีมีค่าเป็น "สีน้ำเงิน" หรือตัวแปร สีมีค่า "สีน้ำเงิน" จากนั้นแสดงคำแปลในหน้าต่างโมดอล - "สีน้ำเงิน" และออกจากโครงสร้าง (ตัวแบ่ง;)

จัดระเบียบเอาต์พุตสำหรับสีเหล่านั้นที่โปรแกรมไม่ได้จัดเตรียมไว้ให้:

// ... default : alert("เราไม่มีข้อมูลสำหรับสีนี้" ) ) // end switch

// ... default: alert("เราไม่มีข้อมูลเกี่ยวกับสีนี้") ) // end switch

ทดสอบสคริปต์ในเบราว์เซอร์

ภารกิจที่ 3_6 ค้นหาและแก้ไขข้อผิดพลาดในข้อมูลโค้ดต่อไปนี้:

14 15 16 17

var number = prompt("ใส่หมายเลข 1 หรือ 2:" ) ; สวิตช์ (หมายเลข) ( case "1" ( document.write ("One") ; ) ; break ; case "2" ( document.write ("Two") ; ) ; break ; default ( document.write ("คุณป้อน ค่าอื่นที่ไม่ใช่ 1 และ 2" ) ; ) ; )

var number = prompt("ใส่หมายเลข 1 หรือ 2:"); สวิตช์ (หมายเลข) ( case "1" ( document.write("One"); ); break; case "2" ( document.write("Two"); ); break; default ( document.write("คุณป้อน ค่าอื่นที่ไม่ใช่ 1 และ 2"); ); )

ภารกิจที่ 3_7 สิ่งที่จะปรากฏบนหน้าจอเมื่อรันโค้ดต่อไปนี้:

1 2 3 4 5 6 7 8 9 10 11 12 13

ค่า var = "2" ; สวิตช์ (ค่า) ( case "1" : case "2" : case "3" : document.write ("Hello" ) ; break ; case "4" : case "5" : document.write ( "World" ); ค่าเริ่มต้น: document.write("ข้อผิดพลาด");

ค่า var = "2"; สวิตช์ (ค่า) ( case "1": case "2": case "3": document.write("Hello"); break; case "4": case "5": document.write("World" ค่าเริ่มต้น: document.write("ข้อผิดพลาด");

ภารกิจที่ 3_8 ถามผู้ใช้เกี่ยวกับหมายเลข - จำนวนกาบนกิ่งไม้ ขึ้นอยู่กับหมายเลขที่ป้อน (ไม่เกิน 10) แสดงข้อความ: - อีกา 1 ตัวนั่งอยู่บนกิ่งไม้ - อีกา 4 ตัวกำลังนั่งอยู่บนกิ่งไม้ - อีกา 10 ตัวกำลังนั่งอยู่บนกิ่งไม้

การสิ้นสุดของคำจะเปลี่ยนไปขึ้นอยู่กับหมายเลขที่ป้อน "อีกา".

หากต้องการตรวจสอบ ให้ใช้ตัวดำเนินการสวิตช์ JavaScript

บันทึกหน้านี้ในโฟลเดอร์ผลลัพธ์ของคุณ (ซึ่งจะเป็นประโยชน์สำหรับการทำงานในอนาคต)

คำถามเพื่อการควบคุมตนเอง:

ในกรณีใดขอแนะนำให้ใช้การก่อสร้างเป็นผู้ดำเนินการตามเงื่อนไข สวิตช์?

จุดประสงค์ของบล็อกเริ่มต้นในคำสั่งคืออะไร? สวิตช์?

จำเป็นต้องใช้คำสั่งแบ่งในการก่อสร้างหรือไม่? สวิตช์?

วิธีจัดกลุ่มตัวเลือกค่าหลายรายการในคำสั่งเดียว สวิตช์?

ตัวดำเนินการวงจร JavaScript - สำหรับ

ไวยากรณ์:

for(ค่าตัวนับเริ่มต้น; เงื่อนไข; การเพิ่มตัวนับ) ( //..บล็อกของคำสั่ง.. )

สำคัญ: การวนซ้ำใน javascript for จะใช้เมื่อทราบล่วงหน้าว่าควรทำซ้ำการดำเนินการแบบวนซ้ำกี่ครั้ง (การวนซ้ำมีกี่ครั้ง)

นิพจน์การกำหนดถูกใช้เป็นค่าเริ่มต้นของตัวนับการวนซ้ำ: ตัวอย่างเช่น i=0 - ตัวนับลูปเริ่มต้นจากศูนย์:

for(var i = 0; เงื่อนไข; การเพิ่มตัวนับ) ( //..บล็อกคำสั่ง.. )

การเพิ่มขึ้นของตัวนับระบุขั้นตอนที่ตัวนับควรเพิ่มขึ้น: ตัวอย่างเช่น บ่งชี้ว่าการวนซ้ำแต่ละครั้งจะมาพร้อมกับการเพิ่มขึ้น 1:

for(var i = 0; Condition; i++) ( //..บล็อกคำสั่ง.. )

เงื่อนไขการวนซ้ำคือค่าสุดท้ายของตัวนับ ตัวอย่างเช่น i10 หยุดการวนซ้ำ:

สำหรับ (var i = 0; i