Hướng dẫn is there a foreach loop in javascript? - có một vòng lặp foreach trong javascript không?

Vòng lặp JavaScript 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 đồ.

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.

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 <10; i++) {
	console.log(“test”)
}

Vòng lặp này sẽ thực thi dòng mã console.log(“test”) mười lần, một lần cho mỗi lần vòng lặp được thực thi.

Cái này hoạt động ra sao? Vòng lặp được chia thành ba thành phần.

Thành phần đầu tiên là i = 0. Đây là nơi chúng tôi xác định một biến JavaScript theo dõi số lần vòng lặp của chúng tôi đã được chạy.

Tiếp theo, mã I <10 xác định số lần vòng lặp sẽ được chạy (trong trường hợp này là 10). Thành phần I ++ thực thi sau mỗi lần lặp. Thành phần này thêm một vào bộ đếm biến I I I.

Vòng lặp JavaScript forEach

Foreach là một phương pháp mảng JavaScript. Nó được sử dụng để thực thi một hàm trên mỗi mục trong một mảng. Danh sách, bộ và tất cả các đối tượng giống như danh sách khác hỗ trợ phương thức Foreach.

Chúng tôi sẽ viết một vòng lặp hiển thị một danh sách các công ty vào bảng điều khiển. Thay vì sử dụng một vòng lặp cho vòng lặp, chúng tôi sẽ sử dụng một vòng lặp foreach. Điều này là do chúng tôi đang làm việc với một danh sách các công ty.

Mã sau đây in từng giá trị từ danh sách các công ty đến bảng điều khiển:

const companies = ["Apple", "Google", "Facebook"];

companies.forEach(company => {
	console.log(company);
});

Đầu ra của chúng tôi cho mã của chúng tôi như sau:

Đối với mỗi mục trong danh sách của các công ty trên mạng của chúng tôi, chúng tôi in ra mục vào bảng điều khiển. Điều này khác với cách thức hoạt động thường xuyên cho vòng lặp.

"Karma nghề nghiệp bước vào cuộc sống của tôi khi tôi cần nó nhất và nhanh chóng giúp tôi kết hợp với bootcamp. Hai tháng sau khi tốt nghiệp, tôi tìm thấy công việc mơ ước của mình phù hợp với các giá trị và mục tiêu của tôi trong cuộc sống!"

Sao Kim, Kỹ sư phần mềm tại Rockbot

JavaScript foreach vs cho vòng lặp

Trong một vòng lặp truyền thống, bạn sẽ phải truy cập từng mục trong danh sách của các công ty trên mạng bằng cách lập chỉ mục danh sách. Một vòng lặp foreach cho phép bạn truy cập trực tiếp vào từng mục trong một mảng.

Lập chỉ mục là nơi bạn chỉ định số chỉ mục của giá trị bạn muốn truy cập trong danh sách. Số chỉ mục này có thể được lấy từ bộ đếm mà A cho vòng lặp chứa. Chúng tôi đã thảo luận về quầy này trước đó.

Với một vòng lặp foreach, chúng tôi có thể truy cập từng mục trong danh sách của chúng tôi riêng lẻ. Trong ví dụ cuối cùng của chúng tôi, chúng tôi đã tạo ra biến đổi của công ty. Biến này đại diện cho một công ty cá nhân mà vòng lặp foreach của chúng tôi đã lặp lại.

Các vòng lặp ForEach chấp nhận chức năng gọi lại trong khi đối với các vòng lặp không. Trong một vòng lặp, tất cả mã của bạn được đặt trong phần chính của vòng lặp. Trong một vòng lặp foreach, bạn phải viết một hàm sẽ được thực thi cho từng mục trong danh sách mà bạn đang lặp lại.

JavaScript forebacks

Phương thức Foreach chấp nhận chức năng gọi lại. Đây là một chức năng được chuyển vào một chức năng khác như một đối số. Các hàm gọi lại được thực thi bên trong hàm mà chúng xuất hiện.

Hãy để Lùi trở lại ví dụ cuối cùng của chúng tôi:

companies.forEach(company => {
	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!