Hướng dẫn này giải thích cách sử dụng và các phương pháp để Thoát khỏi vòng lặp each() của jQuery. Các phương pháp này được nêu dưới đây:
- Làm cách nào để thoát khỏi vòng lặp jQuery each()?
- Sử dụng Return False Statement
- Ném một ngoại lệ
- Sử dụng cờ tùy chỉnh
Làm cách nào để thoát khỏi vòng lặp jQuery “each()”?
Việc thoát ra khỏi “ mỗi() ” vòng lặp của jQuery có thể tối ưu hóa tốc độ thực thi của mã và cho phép các nhà phát triển thoát khỏi vòng lặp sớm dựa trên các điều kiện cụ thể. Bằng cách thoát ra khỏi jQuery “ mỗi() ”, nhà phát triển có thể ngay lập tức thoát khỏi vòng lặp và xử lý lỗi hoặc thực hiện các hành động thích hợp mà không cần tiếp tục các lần lặp lại còn lại.
Có một số phương pháp hoặc cách tiếp cận có thể được sử dụng để thoát khỏi vòng lặp “each()” của jQuery, những phương pháp này được mô tả bên dưới.
Cách 1: Sử dụng Return False Statement
Bằng cách trả về giá trị false, vòng lặp “each()” ngay lập tức bỏ qua phần lặp lại còn lại và tránh các phần lặp không cần thiết, như minh họa bên dưới:
< kịch bản >
hằng số đối chiếu = [ 5 , 6 , 7 , số 8 , 9 ] ;
bảng điều khiển. đăng nhập ( 'Bộ sưu tập gốc:' + đối chiếu ) ;
$. mỗi ( đối chiếu , chức năng ( Tôi , Ông cũng cư trú ) {
bảng điều khiển. đăng nhập ( Ông cũng cư trú ) ;
nếu như ( Ông cũng cư trú === 7 ) {
trở lại SAI ;
}
} ) ;
kịch bản >
Mô tả đoạn mã trên:
- Đầu tiên, mảng “ đối chiếu ” được tạo có chứa năm giá trị giả được in trên bảng điều khiển.
- Tiếp theo, sử dụng “ mỗi() ” vòng lặp ở đâu “ đối chiếu ” được sử dụng làm bộ sưu tập và lệnh gọi lại được chuyển dưới dạng cặp khóa-giá trị có tên “ Tôi ' Và ' người dân ' tương ứng.
- Chức năng gọi lại này lặp lại trên “ đối chiếu ” và hiển thị giá trị cho từng chỉ số tương ứng.
- Khi ' mỗi() ” lặp lại vòng lặp đạt đến một “ 7 ” đột phá vòng lặp giá trị do “ trả về sai ' tuyên bố.
Sau khi biên dịch, đầu ra trông như thế này:
Kết quả cho thấy rằng vòng lặp “each()” của jQuery đã thoát ra để hiển thị dữ liệu cho đến khi không đạt được một điều kiện cụ thể.
Phương pháp 2: Ném một ngoại lệ
Bằng cách ném một ngoại lệ trong “ mỗi() ”, nhà phát triển có thể thoát khỏi vòng lặp “each()” và chuyển sang logic xử lý lỗi. Nó cho phép các nhà phát triển thực hiện các hành động cụ thể khi cần, như hình dưới đây:
< kịch bản >hằng số đối chiếu = [ 5 , 6 , 7 , số 8 , 9 ] ;
bảng điều khiển. đăng nhập ( 'Các yếu tố dữ liệu gốc:' + đối chiếu ) ;
thử {
$. mỗi ( đối chiếu , chức năng ( Tôi , Ông cũng cư trú ) {
bảng điều khiển. đăng nhập ( Ông cũng cư trú ) ;
nếu như ( Ông cũng cư trú === 7 ) {
ném mới Lỗi ( 'Thoát khỏi vòng lặp' ) ;
}
} ) ;
} nắm lấy ( lỗi ) {
bảng điều khiển. đăng nhập ( lỗi. tin nhắn ) ; // Xử lý lỗi hoặc thực hiện các hành động cần thiết
}
kịch bản >
Mô tả mã:
- Đầu tiên, mảng “ đối chiếu ” được khai báo có chứa nhiều giá trị giả và in các giá trị này trên bàn điều khiển.
- Tiếp theo, bên trong “ thử ” khối jQuery “ mỗi() ” vòng lặp được sử dụng dọc theo chức năng gọi lại lặp qua mảng để hiển thị từng thực thể.
- Một điều kiện cụ thể được sử dụng bên trong nó sẽ đưa ra một ngoại lệ khi điều kiện đó được đáp ứng.
- Bây giờ, trong “ nắm lấy ” khối hiển thị thông báo lỗi nếu người dùng gặp bất kỳ lỗi nào.
Sau khi tổng hợp:
Đầu ra chỉ hiển thị các phần tử trước khi xuất hiện các điều kiện được truy xuất.
Phương pháp 3: Sử dụng Custom Flag
Các ' cờ tùy chỉnh ” cũng có thể được thiết lập để thoát ra khỏi vòng lặp each() của jQuery, những cờ này sử dụng “ ĐÚNG VẬY ' hoặc ' SAI ” như một giá trị. Cờ về cơ bản là các biến được đặt thành false nếu đáp ứng điều kiện mong muốn, như minh họa bên dưới:
< kịch bản >hằng số đối chiếu = [ 5 , 6 , 7 , số 8 , 9 ] ;
để breakCond = SAI ;
$. mỗi ( đối chiếu , chức năng ( mục lục , mục ) {
bảng điều khiển. đăng nhập ( mục ) ;
nếu như ( mục === 7 ) {
breakCond = ĐÚNG VẬY ;
trở lại SAI ;
}
} ) ;
nếu như ( breakCond ) {
bảng điều khiển. đăng nhập ( 'Thoát khỏi vòng lặp' ) ;
}
kịch bản >
Mô tả mã:
- Đầu tiên, mảng “ đối chiếu ” được khai báo, và một biến boolean “ breakCond ” có giá trị là “ SAI ” cũng được tạo ra. Biến này hoạt động như một cờ tùy chỉnh.
- Tiếp theo, jQuery “ mỗi() ” vòng lặp được sử dụng dọc theo chức năng gọi lại để lặp qua mảng và hiển thị mọi giá trị phần tử cư trú.
- Bên trong nó, “ nếu như ” câu lệnh được sử dụng để kiểm tra sự xuất hiện của giá trị mong muốn và đặt giá trị của “ breakCond ” thành true và trả về giá trị false để dừng chu kỳ thực thi.
- Cuối cùng, hiển thị thông báo đột phá nếu “ breakCond ” chứa giá trị của “ ĐÚNG VẬY ”.
Sau khi biên dịch, giao diện điều khiển trông như thế này:
Ảnh chụp nhanh cho thấy sự thoát ra khỏi jQuery “ mỗi() ” vòng lặp đã được thực hiện thành công.
Phần kết luận
Để thoát ra khỏi “của jQuery mỗi() ” vòng lặp, một số cách tiếp cận như “ trả về sai ' tuyên bố, ' Ném một ngoại lệ ”, và việc tạo ra một “ cờ tùy chỉnh ' có thể được sử dụng. Các cách tiếp cận trên dừng toàn bộ chu kỳ thực hiện khi một điều kiện nhất định đã được đáp ứng. Hướng dẫn này đã trình bày thành công các cách tiếp cận mà nhà phát triển có thể thoát ra khỏi vòng lặp “each()” của jQuery.