JavaScript เป็นภาษาโปรแกรมอเนกประสงค์ที่นำเสนอคำสั่งควบคุมโฟลว์ที่หลากหลายเพื่อจัดการกับสถานการณ์ที่แตกต่างกัน คำกล่าวดังกล่าวประการหนึ่งก็คือสวิตช์ซึ่งมีประโยชน์อย่างยิ่งเมื่อคุณต้องการดำเนินการต่างๆ ตามค่าของนิพจน์เดียว ในบล็อกโพสต์นี้ เราจะสำรวจวิธีใช้สวิตช์คำสั่งที่มีอาร์เรย์ใน JavaScript ในฐานะซัพพลายเออร์สวิตช์ ฉันจะให้ข้อมูลบริบทในโลกแห่งความเป็นจริงที่เกี่ยวข้องกับผลิตภัณฑ์สวิตช์ของเราด้วย
ทำความเข้าใจพื้นฐานของคำสั่ง Switch ใน JavaScript
ก่อนจะดำดิ่งสู่การใช้งานสวิตช์คำสั่งที่มีอาร์เรย์ มาทบทวนไวยากรณ์พื้นฐานของ a กันอย่างรวดเร็วสวิตช์คำสั่งใน JavaScript
ให้ค่า = 2; สวิตช์ (ค่า) { กรณีที่ 1: console.log ('ค่าคือ 1'); หยุดพัก; กรณีที่ 2: console.log('ค่าคือ 2'); หยุดพัก; ค่าเริ่มต้น: console.log('ค่าไม่ใช่ 1 หรือ 2'); }ในตัวอย่างนี้สวิตช์คำสั่งประเมินค่าตัวแปร. ถ้าค่ามีค่าเท่ากับหนึ่งในนั้นกรณีค่า บล็อกของโค้ดที่เกี่ยวข้องจะถูกดำเนินการ ที่หยุดพักคำสั่งที่ใช้ในการออกจากสวิตช์บล็อกเมื่อพบการแข่งขัน หากไม่พบรายการที่ตรงกันค่าเริ่มต้นบล็อกถูกดำเนินการ
การใช้คำสั่ง Switch กับอาร์เรย์
ตอนนี้เรามาดูกันว่าเราจะใช้ a ได้อย่างไรสวิตช์คำสั่งที่มีอาร์เรย์ มีสถานการณ์ที่แตกต่างกันสองสามสถานการณ์ซึ่งอาจมีประโยชน์
สถานการณ์ที่ 1: การตรวจสอบความยาวของอาร์เรย์
สมมติว่าคุณต้องการดำเนินการที่แตกต่างกันตามความยาวของอาร์เรย์ นี่คือตัวอย่าง:
ให้ myArray = [1, 2, 3]; สวิตช์ (myArray.length) { กรณีที่ 0: console.log ('อาร์เรย์ว่างเปล่า'); หยุดพัก; กรณีที่ 1: console.log('อาร์เรย์มีองค์ประกอบเดียว'); หยุดพัก; กรณีที่ 2: console.log('อาร์เรย์มีสององค์ประกอบ'); หยุดพัก; ค่าเริ่มต้น: console.log('อาร์เรย์มีองค์ประกอบมากกว่าสององค์ประกอบ'); }ในตัวอย่างนี้ เราใช้ความยาวคุณสมบัติของอาร์เรย์เป็นนิพจน์ในสวิตช์คำแถลง. ข้อความต่างๆ จะถูกพิมพ์ไปยังคอนโซล ทั้งนี้ขึ้นอยู่กับความยาวของอาร์เรย์
สถานการณ์ที่ 2: การตรวจสอบองค์ประกอบเฉพาะในอาร์เรย์
คุณอาจต้องการตรวจสอบว่าอาร์เรย์มีองค์ประกอบเฉพาะหรือไม่ และดำเนินการต่างๆ ตามนั้น ต่อไปนี้คือวิธีที่คุณสามารถทำได้:
ให้สี = ['แดง', 'เขียว', 'น้ำเงิน']; ให้ colorToCheck = 'สีเขียว'; สวิตช์ (colors.includes(colorToCheck)) { กรณีเป็นจริง: console.log(`${colorToCheck} อยู่ในอาร์เรย์`); หยุดพัก; กรณีเท็จ: console.log(`${colorToCheck} is not in the array`); หยุดพัก; }ในตัวอย่างนี้ เราใช้รวมถึงวิธีการตรวจสอบว่าสีToCheckมีอยู่ในสีอาร์เรย์ ผลลัพธ์ของการรวมถึงวิธีการ (อย่างใดอย่างหนึ่งจริงหรือเท็จ) ใช้เป็นนิพจน์ในสวิตช์คำแถลง.
บริบทโลกแห่งความจริง: เปลี่ยนผลิตภัณฑ์
ในฐานะซัพพลายเออร์สวิตช์ เรามีผลิตภัณฑ์สวิตช์ที่หลากหลาย เช่นสวิตช์ไฟทั่วไปของยานยนต์,สวิตช์โยกเรือ, และสวิตช์สลับชั่วขณะ. สวิตช์เหล่านี้ใช้ในแอปพลิเคชันต่าง ๆ และมีแนวคิดของตรรกะแบบมีเงื่อนไขคล้ายกับสวิตช์คำสั่งใน JavaScript มีความสำคัญอย่างยิ่งในการออกแบบและฟังก์ชันการทำงาน
ตัวอย่างเช่น ในระบบยานยนต์สวิตช์ไฟทั่วไปของยานยนต์อาจจำเป็นต้องดำเนินการต่าง ๆ ตามตำแหน่งของสวิตช์ หากสวิตช์อยู่ในตำแหน่ง "เปิด" อาจเปิดอุปกรณ์ไฟฟ้าบางอย่าง ในขณะที่อยู่ในตำแหน่ง "ปิด" อาจตัดไฟ สิ่งนี้คล้ายกับวิธีการกสวิตช์คำสั่งใน JavaScript สามารถดำเนินการต่าง ๆ ตามค่าของนิพจน์
เทคนิคขั้นสูงพร้อมสวิตช์และอาร์เรย์
คำสั่งสวิตช์ที่ซ้อนกันพร้อมอาร์เรย์
คุณยังสามารถใช้แบบซ้อนได้สวิตช์คำสั่งเมื่อทำงานกับอาร์เรย์ ตัวอย่างเช่น สมมติว่าคุณมีอาร์เรย์สองมิติ และคุณต้องการดำเนินการที่แตกต่างกันโดยพิจารณาจากองค์ประกอบอาร์เรย์ทั้งภายนอกและภายใน
ให้เมทริกซ์ = [ [1, 2], [3, 4] ]; switch (matrix.length) { กรณีที่ 1: switch (matrix[0].length) { กรณีที่ 1: console.log('เมทริกซ์มีหนึ่งแถวและหนึ่งคอลัมน์'); หยุดพัก; กรณีที่ 2: console.log('เมทริกซ์มีหนึ่งแถวและสองคอลัมน์'); หยุดพัก; } หยุดพัก; กรณีที่ 2: สวิตช์ (เมทริกซ์ [0]. ความยาว) { กรณีที่ 1: console.log ('เมทริกซ์มีสองแถวและหนึ่งคอลัมน์'); หยุดพัก; กรณีที่ 2: console.log('เมทริกซ์มีสองแถวและสองคอลัมน์'); หยุดพัก; } หยุดพัก; }ในตัวอย่างนี้ ก่อนอื่นเราจะตรวจสอบความยาวของอาร์เรย์ภายนอก (เมทริกซ์.ความยาว). จากนั้นเราก็ใช้อย่างอื่นขึ้นอยู่กับผลลัพธ์สวิตช์คำสั่งเพื่อตรวจสอบความยาวของอาเรย์ภายใน
การจัดการข้อผิดพลาดและแนวทางปฏิบัติที่ดีที่สุด
เมื่อใช้สวิตช์คำสั่งที่มีอาร์เรย์ สิ่งสำคัญคือต้องพิจารณาการจัดการข้อผิดพลาด ตัวอย่างเช่น หากคุณใช้รวมถึงตรวจสอบให้แน่ใจว่าอาร์เรย์และค่าที่คุณกำลังตรวจสอบเป็นประเภทที่ถูกต้อง นอกจากนี้ ให้ใส่ a เสมอค่าเริ่มต้นกรณีของคุณสวิตช์คำสั่งเพื่อจัดการกับค่าที่ไม่คาดคิด
บทสรุป
การใช้กสวิตช์คำสั่งที่มีอาร์เรย์ใน JavaScript อาจเป็นวิธีที่มีประสิทธิภาพในการจัดการสถานการณ์ต่างๆ โดยขึ้นอยู่กับคุณสมบัติและองค์ประกอบของอาร์เรย์ ไม่ว่าคุณกำลังตรวจสอบความยาวของอาร์เรย์ การมีอยู่ขององค์ประกอบเฉพาะ หรือใช้การซ้อนกันสวิตช์งบ,สวิตช์คำสั่งให้วิธีการเขียนโค้ดแบบมีเงื่อนไขที่ชัดเจนและรัดกุม
ในฐานะซัพพลายเออร์สวิตช์ เราเข้าใจถึงความสำคัญของส่วนประกอบที่เชื่อถือได้และมีประสิทธิภาพในการใช้งานต่างๆ ของเราสวิตช์ไฟทั่วไปของยานยนต์,สวิตช์โยกเรือ, และสวิตช์สลับชั่วขณะได้รับการออกแบบเพื่อให้ตรงตามมาตรฐานคุณภาพและประสิทธิภาพสูงสุด
หากคุณสนใจผลิตภัณฑ์สวิตช์ของเราหรือมีคำถามใดๆ เกี่ยวกับวิธีการนำไปใช้ในโครงการของคุณ เราขอแนะนำให้คุณติดต่อเราเพื่อขอการจัดซื้อและหารือเพิ่มเติม เราพร้อมช่วยคุณค้นหาโซลูชันสวิตช์ที่เหมาะกับความต้องการของคุณ
อ้างอิง
- "JavaScript: The Definitive Guide" โดย David Flanagan
- MDN Web Docs - คำสั่งสวิตช์ JavaScript
