Vòng lặp JavaScript Nếu bạn đã dành bất kỳ thời gian nào xung quanh một ngôn ngữ lập trình, bạn nên thấy một trò chơi cho vòng lặp. Sử dụng một vòng lặp For, bạn có thể chạy qua một tập hợp dữ liệu hoặc một hàm trong một số lần nhất định. Ví dụ: bạn có thể có một danh sách các tên, còn được gọi là một mảng và một vòng lặp sẽ trải qua 100 tên đó. Có một cách hiệu quả hơn để viết một vòng lặp cho vòng lặp nếu bạn đang làm việc với một bộ sưu tập, như một danh sách hoặc một bộ. Đó là nơi mà các vòng lặp JavaScript Foreach xuất hiện. Một vòng lặp foreach sẽ chạy chức năng gọi lại JavaScript cho mỗi mục trong một danh sách. Sau đó, vòng lặp dừng lại.
forEach
là một phương thức mảng thực thi chức năng gọi lại tùy chỉnh trên mỗi mục trong một mảng. Vòng lặp
forEach
chỉ có thể được sử dụng trên các mảng, bộ và bản đồ.
Tìm Bootcamp của bạn phù hợp
- Karma nghề nghiệp phù hợp với bạn với bootcamp công nghệ hàng đầu
- Truy cập các học bổng và khóa học chuẩn bị độc quyền
Chọn mối quan tâm của bạn họ Tên điện thoại Email Tên của bạn
First
name
Last name
Email
Phone number
Bằng cách tiếp tục, bạn đồng ý với các điều khoản dịch vụ và chính sách quyền riêng tư của chúng tôi và bạn đồng ý nhận được các ưu đãi và cơ hội từ Karma nghề nghiệp qua điện thoại, tin nhắn văn bản và email.
JavaScript cho bồi dưỡng vòng lặp for Loop Refresher
JavaScript cho Loop thực thi hàm một số lần được xác định trước. Đối với các vòng lặp là hữu ích nếu bạn cần chạy cùng một khối mã nhiều lần. Sử dụng một vòng lặp thay vì sao chép mã của bạn giúp giảm dự phòng. Điều này cải thiện khả năng đọc của một cơ sở mã.
Hãy để Viết một vòng lặp in một giá trị cho bảng điều khiển mười lần:
for [i = 0; i { console.log[company]; }];
Hàm gọi lại của chúng tôi xuất hiện sau mũi tên [=>]. Mũi tên này biểu thị một hàm mũi tên. Nhưng, các hàm gọi lại không cần phải là hàm mũi tên.
Chúng ta có thể xác định chức năng mà chúng ta muốn thực thi ở nơi khác:
const companies = ["Apple", "Google", "Facebook"]; function printValue[company] { console.log[company]; }]; companies.forEach[printValue];
Trong mã này, chúng tôi đã xác định một hàm mới gọi là printValue. Chúng tôi đã chuyển chức năng này vào vòng lặp foreach của chúng tôi như một lập luận.
Hàm này được xác định độc lập với vòng lặp foreach của chúng tôi. Mã của chúng tôi hoạt động vì vòng lặp foreach chấp nhận bất kỳ loại chức năng nào. Chúng tôi không cần chỉ định chức năng mũi tên.
Ưu điểm của phương pháp này là mã của chúng tôi dễ đọc hơn. Rõ ràng là hàm printValue [] được thực thi cho từng mục trong danh sách của các công ty.
Theo dõi chỉ mục hiện tại
Chúng tôi có thể theo dõi giá trị chỉ mục của mục danh sách chúng tôi đang xem với phương thức Foreach. Chúng tôi có thể làm điều này bằng cách chỉ định một biến số chỉ mục trên mạng trong chức năng gọi lại của chúng tôi.
Chúng tôi đã quyết định rằng chúng tôi muốn xem cả chỉ số của công ty và nội dung của mặt hàng chúng tôi đang xem. Điều này có thể đạt được bằng cách thêm một biến số chỉ số của người dùng:
const companies = ["Apple", "Google", "Facebook"]; function printValue[company, index] { console.log[`${index}. ${company}]; }]; companies.forEach[printValue];
Hãy cùng chạy mã của chúng tôi và xem điều gì sẽ xảy ra:
0. Apple
1. Google
2. Facebook
Chúng ta có thể thấy cả tên của mỗi công ty và giá trị chỉ số của nó. Biến chỉ số của người Viking đại diện cho từng giá trị chỉ mục.
Chỉ số có thể được đặt tên là bất cứ điều gì bạn muốn, miễn là nó xuất hiện sau biến đầu tiên trong cuộc gọi lại của bạn. Biến đầu tiên được bảo lưu để theo dõi mục mà vòng lặp đang lặp lại.
Sử dụng các trường hợp của JavaScript foreach
Bạn nên sử dụng phương pháp Foreach nếu bạn muốn lặp lại các mục mảng. Các phương thức bản đồ [] và giảm [] hiệu quả hơn nếu bạn cần tính toán kết quả tùy thuộc vào các giá trị của danh sách.
Các vòng lặp JavaScript là hữu ích nhất khi bạn cần làm một cái gì đó với mọi mục trong một mảng trong JavaScript, không chỉ một số ít.
Điều tương tự cũng áp dụng cho cho các vòng lặp. Nếu bạn đang tìm kiếm lặp đi lặp lại thông qua mọi đối tượng trong một mảng, thì một trong vòng lặp sẽ hoạt động.
Mặt khác, nếu bạn cần viết một cái gì đó có thể tùy chỉnh hơn có lẽ với nhiều quy tắc hơn, một trò chơi có thể tốt hơn.
Ngoài ra, các cuộc gọi Foreach là một phần của JavaScript 1.6. Điều này có nghĩa là phương pháp Foreach nó có hỗ trợ trình duyệt trên hầu hết các trình duyệt chính.
Và ở đó bạn có nó: JavaScript foreach Loops một cách ngắn gọn!
Về chúng tôi: Karma nghề nghiệp là một nền tảng được thiết kế để giúp người tìm việc tìm, nghiên cứu và kết nối với các chương trình đào tạo nghề để thúc đẩy sự nghiệp của họ. Tìm hiểu về ấn phẩm CK. Career Karma is a platform designed to help job seekers find, research, and connect with job training programs to advance their careers. Learn about the CK publication.
Cái gì tiếp theo?
-
Muốn hành động?
Nhận kết hợp với bootcamp hàng đầu with top bootcamps
James Gallagher
Về tác giả: James Gallagher là một lập trình viên tự học và là người quản lý nội dung kỹ thuật tại sự nghiệp Karma. Ông có kinh nghiệm về phạm vi ngôn ngữ lập trình và chuyên môn sâu rộng về Python, HTML, CSS và JavaScript. James đã viết hàng trăm hướng dẫn lập trình, và ông thường xuyên đóng góp cho các ấn phẩm như Codecademy, Treehouse, Repr.it, Afrotech, và những người khác. James Gallagher is a self-taught programmer and the technical content manager at Career Karma. He has experience in range of programming languages and extensive expertise in Python, HTML, CSS, and JavaScript. James has written hundreds of programming tutorials, and he frequently contributes to publications like Codecademy, Treehouse, Repl.it, Afrotech, and others.