Phương pháp JavaScript Array reduce()

Định nghĩa và cách sử dụng

reduce() Phương pháp giảm mảng xuống một giá trị duy nhất.

reduce() Phương pháp thực hiện hàm cung cấp với mỗi giá trị của mảng (từ trái sang phải).

Giá trị trả về của hàm lưu trữ trong bộ tích lũy (kết quả/tổng).

Chú thích:Không thực hiện với các phần tử mảng không có giá trị. reduce() Phương pháp.

Chú thích:reduce() Phương pháp sẽ không thay đổi mảng ban đầu.

Mô hình

Ví dụ 1

Bắt đầu từ đầu để trừ đi các số trong mảng:

var numbers = [175, 50, 25];
document.getElementById("demo").innerHTML = numbers.reduce(myFunc);
function myFunc(total, num) {}}
  return total - num;
}

Thử ngay

Ví dụ 2

Làm tròn tất cả các số trong mảng và hiển thị tổng số:

<button onclick="myFunction()">Thử nó</button>
<p>Tổng số của các số trong mảng: <span id="demo"></span></p>
<script>
var numbers = [15.5, 2.3, 1.1, 4.7];
function getSum(total, num) {
  return total + Math.round(num);
}
function myFunction(item) {
  document.getElementById("demo").innerHTML = numbers.reduce(getSum, 0);
}
</script>

Thử ngay

Cú pháp

mảng.reduce(function(total, currentValue, currentIndex, arr), initialValue)

Giá trị tham số

Tham số Mô tả
function(total, currentValue, index, arr) Bắt buộc. Hàm được chạy cho mỗi phần tử trong mảng.

Tham số hàm:

Tham số Mô tả
total Bắt buộc. initialValue hoặc giá trị trả về bởi hàm trước đó.
currentValue Bắt buộc. Giá trị của phần tử hiện tại.
index Tùy chọn. Índex của phần tử trong mảng.
arr Tùy chọn. Mảng đối tượng thuộc về phần tử hiện tại.
initialValue Tùy chọn. Giá trị ban đầu được truyền vào hàm.

Chi tiết kỹ thuật

Giá trị trả về: Trả về kết quả tích lũy của hàm gọi lại lần cuối.
Phiên bản JavaScript: ECMAScript 5

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ phương pháp này hoàn toàn.

Tất cả các trình duyệt đều hỗ trợ hoàn toàn phương pháp này reduce() Phương pháp:

Chrome IE Edge Firefox Safari Opera
Chrome 3 IE 9 Edge 12 Firefox 3 Safari 5 Opera 10.5
Tháng 6 năm 2009 Tháng 9 năm 2010 Tháng 7 năm 2015 Tháng 1 năm 2009 Tháng 6 năm 2010 Tháng 3 năm 2010

Trang liên quan

Giáo trình:JavaScript Mảng

Giáo trình:JavaScript Array Const

Giáo trình:Phương thức của mảng JavaScript

Giáo trình:Sắp xếp mảng của JavaScript

Giáo trình:Thực hiện lại mảng của JavaScript

Hướng dẫn:Phương thức Array.reduceRight()