Hàm .reduce() trong JavaScript: Hướng dẫn chi tiết

Giới thiệu về hàm reduce trong JavaScript

Hàm reduce() là một hàm rất hữu ích trong JavaScript, cho phép thực hiện các phép tính trên một mảng để trả về một giá trị duy nhất.

Cú pháp của hàm reduce()

Cú pháp cơ bản của hàm reduce() như sau:

 array.reduce(function(total, currentValue, currentIndex, arr), initialValue) 

Trong đó:

• function(total, currentValue, currentIndex, arr): là hàm callback được gọi trên từng phần tử của mảng
• total: giá trị tích lũy sau mỗi lần gọi hàm callback
• currentValue: giá trị hiện tại đang được xử lý
• currentIndex: chỉ số của phần tử hiện tại
• arr: chính là mảng ban đầu
• initialValue: giá trị khởi tạo ban đầu của total

Cách hoạt động của hàm reduce()

Hàm reduce() sẽ lặp qua từng phần tử của mảng và gọi hàm callback truyền vào trên mỗi phần tử.

Kết quả trả về của hàm callback sẽ được gán cho biến total và truyền tiếp sang lần gọi hàm callback tiếp theo.

Cuối cùng, reduce() sẽ trả về giá trị của total sau khi đã lặp hết các phần tử trong mảng.

Ví dụ về cách sử dụng hàm reduce()

Dưới đây là một số ví dụ thực tế về cách sử dụng hàm reduce():

1. Tính tổng các phần tử trong mảng

 var numbers = [1, 2, 3, 4]; var sum = numbers.reduce(function(total, num) { return total + num; }, 0); // sum = 10 

2. Nối chuỗi các phần tử trong mảng

 var words = ["Hello", "world", "!"]; var sentence = words.reduce(function(str, word) { return str + " " + word; }, ''); // sentence = "Hello world !" 

Tìm hiểu & tham khảo về Hàm Reduce Trong Javascript