Lưu trữ
arr.forEach[callback[, thisArg]]
arr.forEach[callback[, thisArg]]
function Chart[] {
var self = this;
this.draw = function[data] {
data.forEach[function[value] {
//do something with values
console.log[self];
}];
}
};
Ngoài ra, bạn có thể vượt qua
arr.forEach[callback[, thisArg]]
arr.forEach[callback[, thisArg]]
arr.forEach[callback[, thisArg]]
arr.forEach[callback[, thisArg]]
Ví dụ,
this.draw = function[data] {
data.forEach[function[value] {
//do something with values
console.log[this];
}, this]; // Pass the current object as the second parameter
}
Cập nhật lần cuối vào ngày 3 tháng 5 năm 2022
JavaScript cho mỗi vòng lặp là một cách nhanh chóng và dễ dàng để lặp lại trên một mảng. Được sử dụng như một giải pháp thay thế cho vòng lặp For, nó có thể làm cho mã khai báo hơn và dễ đọc hơn.
Đối với nhiều nhà phát triển, JavaScript hoạt động như giới thiệu về mô hình lập trình chức năng. Và nếu bạn chưa bao giờ gặp phải các chức năng gọi lại trước đây, JavaScript cho mỗi chức năng có thể trông hơi buồn cười.
Trong bài viết nhanh này, chúng ta sẽ xem cách lặp lại một mảng dữ liệu bằng cách sử dụng chức năng foreach của JavaScript. Chúng tôi sẽ xem xét các cách khác nhau để gọi nó và thảo luận khi nào nên sử dụng so với truyền thống cho vòng lặp.
Sử dụng JavaScript cho mỗi hàm
Trong JavaScript, đối tượng mảng chứa phương thức
arr.forEach[callback[, thisArg]]
arr.forEach[callback[, thisArg]]
let fruits = ['apples', 'oranges', 'bananas'];
fruits.forEach[function [item, index] {
console.log[item, index]
}]Điều này nên in ra như sau.
apples 0
oranges 1
bananas 2Hãy giải thích cách thức hoạt động của nó.
- Chúng tôi chuyển một hàm ẩn danh cho phương pháp
5.arr.forEach[callback[, thisArg]] - Trong hàm ẩn danh đó, chúng tôi bao gồm các tham số để có quyền truy cập vào
8 hiện tại và sốarr.forEach[callback[, thisArg]]
9 trong mảng mà mục này đại diện.arr.forEach[callback[, thisArg]]
Hàm chúng tôi cung cấp cho hàm
arr.forEach[callback[, thisArg]]
- [Yêu cầu] Phần tử hiện tại - biểu thị phần tử hiện tại
- [Tùy chọn] Chỉ mục - Trả về chỉ mục hiện tại
- [Tùy chọn] Mảng - Trả về toàn bộ mảng cho mỗi vòng lặp
Cách thay thế để gọi nó
Tùy chọn 1: Chức năng ẩn danh
Cách đầu tiên của cách thay thế để gọi chức năng này là sử dụng hàm ẩn danh. Đây là những gì chúng ta vừa thấy.
arr.forEach[function [item] { // Anonymous function
// Write what you'd like to happen here
}]Tùy chọn 2: Sử dụng các hàm mũi tên
Tùy chọn thứ hai là sử dụng chức năng mũi tên.
arr.forEach[[item, index] => console.log[item, index]]Thử thứ này đi. Nó cho phép bạn viết vòng lặp trên một dòng.
Tùy chọn 3: Hàm gọi lại
Tùy chọn cuối cùng là sử dụng chức năng gọi lại, thực sự chỉ là một hàm được xác định riêng biệt mà chúng ta chuyển làm đối số cho hàm
arr.forEach[callback[, thisArg]]
let fruits = ['apples', 'oranges', 'bananas'];
function printPretty [item, index] {
console.log[`${index} - ${item}`]
}
fruits.forEach[printPretty];Điều này sẽ in ra như sau:
0 - apples
1 - oranges
2 - bananasKhi nào nên sử dụng FOR LOOP so với A FOR LOOP
Hầu hết chúng ta trước tiên tìm hiểu về các vòng lặp theo cách truyền thống - bạn biết đấy, các vòng lặp với các quầy được tăng lên? Như thế này:
let fruits = ['apples', 'oranges', 'bananas'];
for [let index = 0; i