Tổng mảng trong JavaScript là gì?

Trong javascript, chúng ta có thể tính tổng các phần tử của mảng bằng cách sử dụng Array. nguyên mẫu. phương pháp giảm (). Phương thức rút gọn cho mảng trong javascript giúp chúng ta chỉ định một hàm gọi là hàm rút gọn được gọi cho từng phần tử của mảng mà chúng ta đang gọi hàm đó. Đầu ra của phương thức reduce() là một giá trị duy nhất được trả về dưới dạng tập hợp tất cả các hoạt động được thực hiện trên từng phần tử của mảng được xác định trong hàm rút gọn. Chúng ta có thể sử dụng hàm reduce() để lấy tổng của tất cả các phần tử mảng bằng cách viết một hàm rút gọn tương ứng sẽ cộng các phần tử của mảng và gọi hàm rút gọn này bên trong phương thức rút gọn

Trong bài viết này, chúng ta sẽ tìm hiểu về cách tính tổng các phần tử mảng bằng cách sử dụng cách cũ tiêu chuẩn của vòng lặp for và sau đó bằng cách mới được tối ưu hóa, hiệu quả và thuận tiện là phương thức reduce() cùng với cú pháp và các ví dụ của nó

Bắt đầu khóa học phát triển phần mềm miễn phí của bạn

Phát triển web, ngôn ngữ lập trình, kiểm thử phần mềm và những thứ khác

Gói phát triển phần mềm tất cả trong một(hơn 600 khóa học, hơn 50 dự án)

Giá
Xem khóa học

600+ Khóa học trực tuyến. hơn 50 dự án. Hơn 3000 giờ. Giấy chứng nhận có thể kiểm chứng. Truy cập Trọn đời
4. 6 (84.897 xếp hạng)

Cách tính tổng các phần tử mảng cũ

Trước khi phương thức reduce() ra đời, chúng ta thường tính tổng các phần tử mảng bằng vòng lặp for. Chúng tôi sẽ lặp lại vòng lặp từ 0 đến độ dài của mảng khi lập chỉ mục của mảng bắt đầu từ 0 và sau đó tính tổng bên trong vòng lặp for. Chúng ta hãy xem xét một ví dụ trong đó chúng ta sẽ tính tổng tiền lương của tất cả các nhân viên trong đó tiền lương của từng nhân viên được lưu trữ trong mảng lương như hình dưới đây

Mã số

Demonstration of using the old way of for loop for calculating sum of array elements

cung cấp đầu ra sau khi thực hiện

Chúng ta có thể thấy cách biến totalSalary được cộng với mỗi giá trị của các phần tử trong mảng lương bằng cách lặp vòng lặp for để lấy tổng của các phần tử mảng là tổng lương của tất cả nhân viên

Mảng. nguyên mẫu. phương pháp giảm ()

Bây giờ, chúng ta sẽ tìm hiểu về phương thức reduce() sẽ được sử dụng để tính tổng các phần tử của mảng. Hãy để chúng tôi bắt đầu bằng cách nghiên cứu cú pháp của nó

array.reduce(callback( accumVariable, curValue[, index[, yourArray]] )[, valueInBeginning])

• callback – Nó còn được gọi là hàm rút gọn là một hàm gọi lại hoặc hàm thực thi cho từng phần tử của mảng. Lưu ý rằng giá trị đầu tiên trong mảng không được xem xét nếu chúng ta không cung cấp bất kỳ giá trị ban đầu nào trong tham số valueInBeginning
• accumVariable – Là biến lưu trữ kết quả trả về sau khi hàm rút gọn được thực thi cho tất cả các phần tử của mảng. Nó có giá trị được trả về tại thời điểm gọi phương thức reduce() cuối cùng hoặc giá trị tham số valueInBeginning nếu được chỉ định. Đây là tham số bắt buộc đối với chức năng gọi lại và cần được đề cập khi sử dụng nó
• curValue – Đây là tham số bắt buộc của hàm gọi lại hàm rút gọn và là viết tắt của phần tử hiện tại của mảng mà hàm rút gọn đang được thực thi
• Chỉ mục - Đó là chỉ mục của phần tử hiện tại đang được xử lý và chức năng giảm tốc đang được thực thi. Nó có giá trị ban đầu là 0 nếu valueInBeginning được chỉ định khác có 1 giá trị là giá trị ban đầu trong đó. nó là tùy chọn
• yourArray – Đây là mảng mà hàm rút gọn cần được gọi cho từng phần tử của nó. Nó là một tham số tùy chọn
• valueInBeginning – Giá trị ban đầu là giá trị sẽ được sử dụng làm tham số đầu tiên cho hàm. Nếu không được chỉ định, thì phần tử đầu tiên của mảng tại các chỉ mục bằng 0 sẽ được sử dụng làm giá trị bộ tích lũy ngay từ đầu và giá trị của phần tử đầu tiên của mảng sẽ bị bỏ qua cho biến curValue. Nếu phương thức rút gọn được gọi bằng cách sử dụng dấu ngoặc trống không có bất kỳ tham số nào cho một mảng trống mà không chỉ định giá trị ở đầu i. e giá trị ban đầu thì javascript sẽ ném TypeError
• Giá trị trả về – Giá trị được trả về bởi hàm rút gọn/gọi lại là một giá trị duy nhất là kết quả của việc tích lũy tất cả các giá trị có được bằng cách thực thi hàm rút gọn cho từng phần tử của mảng

Thí dụ

Chúng ta hãy xem xét một ví dụ đơn giản về tình huống trước đó khi chúng ta muốn tính tổng tiền lương của tất cả nhân viên được lưu trữ ở định dạng mảng. Nhưng bây giờ, chúng ta sẽ sử dụng phương thức reduce() để tính tổng thay vì vòng lặp for như hình bên dưới

Mã số

Demonstration of using Array.prototype.reduce() method for calculating sum of array elements

cung cấp đầu ra sau khi thực hiện

Chúng ta hãy xem xét thêm một ví dụ trong đó chúng ta sẽ tính toán tổng chi tiêu trong đó các giá trị trong mảng được lưu trữ trong cặp khóa-giá trị trong đó khóa là khoản chi tiêu như hình bên dưới

Mã số

Demostration of using Array.prototype.reduce() method for calculationg sum of array elements

cung cấp đầu ra sau khi thực hiện

Chúng ta có thể tìm thấy tổng chi tiêu bằng cách sử dụng hàm giảm như hình trên bằng cách xem xét yếu tố. giá trị chi tiêu

Phần kết luận

Chúng ta có thể tính tổng các phần tử của mảng bằng cách sử dụng vòng lặp for tiêu chuẩn. Cách mới nhất, được tối ưu hóa và hiệu quả nhất để tính tổng các phần tử mảng là sử dụng phương thức reduce() trong javascript và viết hàm rút gọn hoặc gọi lại hàm này sẽ trả về giá trị tích lũy

Bài viết được đề xuất

Đây là hướng dẫn về Javascript Sum Array. Ở đây chúng tôi thảo luận về Giới thiệu, Mảng. nguyên mẫu. phương thức reduce() và cách cũ để tính tổng các phần tử mảng với các ví dụ. Bạn cũng có thể xem các bài viết sau để tìm hiểu thêm –

Làm cách nào để tính tổng trong mảng JavaScript?

Tổng mảng là gì?

Làm cách nào để tính tổng hai mảng trong JavaScript?

tổng += trong JavaScript là gì?