คู่มือนี้จะอธิบายการใช้งานและวิธีการแยกออกจาก jQuery แต่ละลูป วิธีการเหล่านี้ระบุไว้ด้านล่าง:
วิธีแยก jQuery “each()” Loop ออก?
การแตกออกจาก “ แต่ละ() ” ลูปของ jQuery สามารถเพิ่มความเร็วในการประมวลผลโค้ดและช่วยให้นักพัฒนาสามารถออกจากลูปก่อนกำหนดตามเงื่อนไขเฉพาะ โดยแยกออกจาก jQuery “ แต่ละ() ” วนซ้ำ นักพัฒนาสามารถออกจากลูปได้ทันทีและจัดการกับข้อผิดพลาดหรือดำเนินการที่เหมาะสมโดยไม่ต้องดำเนินการวนซ้ำที่เหลืออยู่
มีสองสามวิธีหรือวิธีการที่สามารถใช้เพื่อแยกการวนซ้ำของ jQuery “each()” วิธีการเหล่านี้อธิบายไว้ด้านล่าง
วิธีที่ 1: ใช้การส่งคืนข้อความเท็จ
โดยการคืนค่าเป็นเท็จ ลูป “each()” จะข้ามการวนซ้ำที่เหลือทันที และหลีกเลี่ยงการวนซ้ำที่ไม่จำเป็น ดังที่แสดงด้านล่าง:
< สคริปต์ >
คอสต์ คอล = [ 5 , 6 , 7 , 8 , 9 ] ;
คอนโซล บันทึก ( 'คอลเลกชันดั้งเดิม: ' + คอล ) ;
$. แต่ละ ( คอล , การทำงาน ( ฉัน , พระองค์ประทับอยู่ด้วย ) {
คอนโซล บันทึก ( พระองค์ประทับอยู่ด้วย ) ;
ถ้า ( พระองค์ประทับอยู่ด้วย === 7 ) {
กลับ เท็จ ;
}
} ) ;
สคริปต์ >
คำอธิบายของรหัสด้านบน:
- ประการแรก อาร์เรย์ “ คอล ” ถูกสร้างขึ้นโดยมีค่าจำลองห้าค่าซึ่งพิมพ์บนคอนโซล
- ถัดไป ใช้ “ แต่ละ() ” วนที่ “ คอล ” ใช้เป็นคอลเล็กชัน และการโทรกลับจะถูกส่งผ่านเป็นคู่คีย์-ค่าชื่อ “ ฉัน ' และ ' ถิ่นที่อยู่ ” ตามลำดับ
- ฟังก์ชันการเรียกกลับนี้วนซ้ำผ่าน “ คอล ” และแสดงค่าสำหรับแต่ละดัชนีที่เกี่ยวข้อง
- เมื่อไร ' แต่ละ() ” การวนซ้ำถึง “ 7 ” การวนซ้ำค่าเนื่องจาก “ กลับเป็นเท็จ ' คำแถลง.
หลังจากคอมไพล์แล้ว ผลลัพธ์จะเป็นดังนี้:
ผลลัพธ์แสดงว่า jQuery “each()” วนซ้ำได้แตกออกเพื่อแสดงข้อมูลจนไม่เข้าเงื่อนไขที่กำหนด
วิธีที่ 2: การโยนข้อยกเว้น
โดยโยนข้อยกเว้นภายใน ' แต่ละ() ” วนซ้ำ ผู้พัฒนาสามารถออกจากลูป “each()” และข้ามไปที่ตรรกะการจัดการข้อผิดพลาด ช่วยให้นักพัฒนาสามารถดำเนินการเฉพาะเมื่อจำเป็นดังที่แสดงด้านล่าง:
< สคริปต์ >คอสต์ คอล = [ 5 , 6 , 7 , 8 , 9 ] ;
คอนโซล บันทึก ( 'องค์ประกอบข้อมูลดั้งเดิม: ' + คอล ) ;
พยายาม {
$. แต่ละ ( คอล , การทำงาน ( ฉัน , พระองค์ประทับอยู่ด้วย ) {
คอนโซล บันทึก ( พระองค์ประทับอยู่ด้วย ) ;
ถ้า ( พระองค์ประทับอยู่ด้วย === 7 ) {
โยน ใหม่ ข้อผิดพลาด ( 'แยกออกจากวง' ) ;
}
} ) ;
} จับ ( ข้อผิดพลาด ) {
คอนโซล บันทึก ( ข้อผิดพลาด. ข้อความ ) ; // จัดการข้อผิดพลาดหรือดำเนินการที่จำเป็น
}
สคริปต์ >
คำอธิบายของรหัส:
- ประการแรก อาร์เรย์ “ คอล ” ถูกประกาศว่ามีค่าจำลองหลายค่า และพิมพ์ค่าเหล่านี้บนคอนโซล
- ถัดไป ภายใน “ พยายาม ” บล็อก jQuery “ แต่ละ() ” การวนซ้ำจะใช้กับฟังก์ชันการเรียกกลับซึ่งวนซ้ำในอาร์เรย์เพื่อแสดงแต่ละเอนทิตี
- มีการใช้เงื่อนไขเฉพาะภายในซึ่งจะทำให้เกิดข้อยกเว้นเมื่อตรงตามเงื่อนไขนั้น
- ตอนนี้ใน ' จับ ” บล็อกแสดงข้อความแสดงข้อผิดพลาดหากผู้ใช้พบข้อผิดพลาดใดๆ
หลังจากรวบรวม:
ผลลัพธ์จะแสดงเฉพาะองค์ประกอบก่อนที่จะมีการเรียกข้อมูลเงื่อนไข
วิธีที่ 3: การใช้การตั้งค่าสถานะแบบกำหนดเอง
“ ธงที่กำหนดเอง ” ยังสามารถตั้งค่าให้แยกออกจาก jQuery แต่ละลูป () แฟล็กเหล่านี้ใช้ “ จริง ' หรือ ' เท็จ ” เป็นค่า แฟล็กเป็นตัวแปรพื้นฐานที่ตั้งค่าเป็นเท็จหากตรงตามเงื่อนไขที่ต้องการ ดังที่แสดงด้านล่าง:
< สคริปต์ >คอสต์ คอล = [ 5 , 6 , 7 , 8 , 9 ] ;
ปล่อยให้แตก = เท็จ ;
$. แต่ละ ( คอล , การทำงาน ( ดัชนี , รายการ ) {
คอนโซล บันทึก ( รายการ ) ;
ถ้า ( รายการ === 7 ) {
ทำลายเงื่อนไข = จริง ;
กลับ เท็จ ;
}
} ) ;
ถ้า ( ทำลายเงื่อนไข ) {
คอนโซล บันทึก ( 'แยกออกจากวง' ) ;
}
สคริปต์ >
คำอธิบายของรหัส:
- ประการแรก อาร์เรย์ “ คอล ” ถูกประกาศ และตัวแปรบูลีน “ ทำลายเงื่อนไข ”มีค่าเป็น” เท็จ ” ถูกสร้างขึ้นด้วย ตัวแปรนี้ทำหน้าที่เป็นแฟล็กที่กำหนดเอง
- ถัดไป jQuery “ แต่ละ() ” ลูปถูกใช้พร้อมกับฟังก์ชันการเรียกกลับเพื่อวนซ้ำอาร์เรย์และแสดงค่าองค์ประกอบทั้งหมดที่อยู่
- ข้างในนั้น “ ถ้า คำสั่ง ” ใช้ตรวจสอบการเกิดขึ้นของค่าที่ต้องการและกำหนดค่าของ “ ทำลายเงื่อนไข ” เป็นจริงและส่งกลับค่าเท็จเพื่อหยุดวงจรการดำเนินการ
- ในตอนท้าย แสดงข้อความแยกย่อยถ้า “ ทำลายเงื่อนไข ” มีค่าของ “ จริง '.
หลังจากคอมไพล์แล้ว คอนโซลจะมีลักษณะดังนี้:
ภาพรวมแสดงให้เห็นว่าแยกออกจาก jQuery “ แต่ละ() ” วนซ้ำสำเร็จแล้ว
บทสรุป
แยกออกจาก jQuery ของ “ แต่ละ() ” วนซ้ำ หลายวิธี เช่น “ กลับเป็นเท็จ ' คำแถลง, ' โยนข้อยกเว้น ” และการสร้าง “ ธงที่กำหนดเอง ' สามารถใช้ได้. วิธีการข้างต้นจะหยุดวงจรการดำเนินการโดยรวมเมื่อตรงตามเงื่อนไขที่กำหนด คู่มือนี้ได้แสดงให้เห็นถึงแนวทางที่ผู้พัฒนาสามารถแยกออกจาก jQuery “each()” ลูปได้สำเร็จ