JavaScript forEach ()

Mục lục

JavaScript forEach
forEach with Arrays
Cập nhật các phần tử mảng
forEach với chức năng mũi tên
vòng lặp for tới forEach ()
cho… trong số với Bộ
forEach with Maps

Trong hướng dẫn này, bạn sẽ tìm hiểu về phương thức JavaScript forEach () với sự trợ giúp của các ví dụ.

Các forEach()phương pháp gọi một hàm và lặp qua các phần tử của một mảng. Các forEach()phương pháp cũng có thể được sử dụng trên Google Maps và Sets.

JavaScript forEach

Cú pháp của forEach()phương thức là:

 array.forEach(function(currentValue, index, arr))

Đây,

function (currentValue, index, arr) - một hàm được chạy cho mỗi phần tử của mảng
currentValue - giá trị của một mảng
index (tùy chọn) - chỉ mục của phần tử hiện tại

arr (tùy chọn) - mảng các phần tử hiện tại

forEach with Arrays

Các forEach()phương pháp được sử dụng để lặp qua một mảng. Ví dụ,

 let students = ('John', 'Sara', 'Jack'); // using forEach students.forEach(myFunction); function myFunction(item) ( console.log(item); )

Đầu ra

 John Sara Jack

Trong chương trình trên, forEach()phương thức nhận myFunction()hàm hiển thị từng phần tử của mảng sinh viên.

Cập nhật các phần tử mảng

Như chúng ta đã thấy trong ví dụ trên, forEach()phương thức được sử dụng để lặp qua một mảng, việc cập nhật các phần tử của mảng khá đơn giản. Ví dụ,

 let students = ('John', 'Sara', 'Jack'); // using forEach students.forEach(myFunction); function myFunction(item, index, arr) ( // adding strings to the array elements arr(index) = 'Hello ' + item; ) console.log(students);

Đầu ra

 ("Xin chào John", "Xin chào Sara", "Xin chào Jack")

forEach với chức năng mũi tên

Bạn có thể sử dụng hàm mũi tên với forEach()phương thức để viết chương trình. Ví dụ,

 // with arrow function and callback const students = ('John', 'Sara', 'Jack'); students.forEach(element => ( console.log(element); ));

Đầu ra

 John Sara Jack

vòng lặp for tới forEach ()

Đây là một ví dụ về cách chúng ta có thể viết một chương trình với forvòng lặp và với forEach().

Sử dụng vòng lặp for

 const arrayItems = ('item1', 'item2', 'item3'); const copyItems = (); // using for loop for (let i = 0; i < arrayItems.length; i++) ( copyItems.push(arrayItems(i)); ) console.log(copyItems);

Đầu ra

 ("item1", "item2", "item3")

Sử dụng forEach ()

 const arrayItems = ('item1', 'item2', 'item3'); const copyItems = (); // using forEach arrayItems.forEach(function(item)( copyItems.push(item); )) console.log(copyItems);

cho… trong số với Bộ

Bạn có thể lặp qua các phần tử Set bằng forEach()phương pháp này. Ví dụ,

 // define Set const set = new Set((1, 2, 3)); // looping through Set set.forEach(myFunction); function myFunction(item) ( console.log(item); )

Đầu ra

 1 2 3

forEach with Maps

Bạn có thể lặp qua các phần tử Bản đồ bằng forEach()phương pháp này. Ví dụ,

 let map = new Map(); // inserting elements map.set('name', 'Jack'); map.set('age', '27'); // looping through Map map.forEach (myFunction); function myFunction(value, key) ( console.log(key + '- ' + value); )

Đầu ra