Menu
CoddyTech

Duyệt từng phần tử

Bài học 10 trên 18 trong khóa học Các phương thức mảng trong JavaScript của Coddy.

Phương thức (method) forEach() là hàm (function) có sẵn dành cho mảng (array), thực thi một hàm được cung cấp một lần cho mỗi phần tử trong mảng. Hàm này, được gọi là hàm callback (callback function), có thể thực hiện nhiều thao tác trên các phần tử, chẳng hạn như ghi nhật ký, chỉnh sửa hoặc thu thập thông tin. Các phần tử được xử lý theo thứ tự từ phần tử đầu tiên (chỉ số 0) đến phần tử cuối cùng.

Hãy tạo một mảng trái cây và dùng forEach() để ghi tên và giá của chúng:

const fruits = ["apple", "banana", "orange"];
const prices = [1.50, 0.75, 2.00];

fruits.forEach((fruit, index) => {
  console.log(`${fruit} - $${prices[index]}`);
}); 

/* Đầu ra:  apple - $1.5
            banana - $0.75
            orange - $2  
*/

Hàm callback: Hàm này nhận ba đối số:

  • element: Phần tử hiện tại đang được xử lý.
  • index: Chỉ số của phần tử hiện tại trong mảng.
  • array: Mảng ban đầu được gọi phương thức forEach() (không bắt buộc).
challenge icon

Thử thách

Dễ

Có một nhóm gồm bốn em nhỏ, lần lượt có 3, 4, 7 và 2 viên sô cô la, như trong mảng chocolates.

Nhiệm vụ của bạn là viết code JavaScript để nhân đôi số sô cô la của mỗi em nhỏ rồi in mảng ra.

Tự làm thử

let chocolates = [3, 4, 7, 2];

// Viết code ở đây

Tất cả bài học trong Các phương thức mảng trong JavaScript

Tự luyện tập: Trình biên dịch JavaScript online