روش reduce() آرایه JavaScript

تعریف و استفاده

reduce() این روش آرایه را به یک مقادیره تنها کاهش می‌دهد.

reduce() این روش برای هر یک از مقادیر آرایه (از چپ به راست) عملکرد ارائه شده را اجرا می‌کند.

ارزش بازگشتی این تابع در مخزن جمع‌آوری می‌شود (نتیجه/جمع کل).

توضیح:برای عناصر آرایه که دارای ارزشی نیستند، عملیات انجام نمی‌شود reduce() روش.

توضیح:reduce() این روش آرایه اصلی را تغییر نمی‌دهد.

مثال

مثال 1

از ابتدا شروع به کسر اعداد موجود در آرایه می‌کنیم:

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

آزمایش کنید

مثال 2

تمام اعداد موجود در آرایه را گرد کنید و مجموع را نمایش دهید:

<button onclick="myFunction()">آزمایش کنید</button>
<p>总和数组中的数字: <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>

آزمایش کنید

جملات

آرایه.reduce(function(total, currentValue, currentIndex, arr), initialValue)

مقدار پارامتر

پارامتر توضیح
function(total, currentValue, index, arr) ضروری. تابعی که برای هر عنصر آرایه اجرا می‌شود.

پارامترهای تابع:

پارامتر توضیح
total ضروری. initialValue یا مقدار قبلی که تابع بازگشتی قبلاً بازمی‌گرداند.
currentValue ضروری. مقدار عمدتاً اشاره دارد.
index اختیاری. شماره شاخص عمدتاً اشاره دارد.
arr اختیاری. آرایه‌ای که به آن عمدتاً اشاره دارد.
initialValue اختیاری. مقدار اولیه‌ای که به تابع به عنوان ورودی داده می‌شود.

جزئیات فنی

نتیجه: نتیجه آخرین فراخوانی تابع بازگشتی را بازمی‌گرداند.
نسخه JavaScript: ECMAScript 5

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که از این روش به طور کامل پشتیبانی می‌کند.

همه مرورگرها به طور کامل از این روش پشتیبانی می‌کنند reduce() روش:

Chrome IE Edge Firefox Safari Opera
Chrome 3 IE 9 Edge 12 Firefox 3 Safari 5 Opera 10.5
ژوئن 2009 سپتامبر 2010 جولای 2015 ژانویه 2009 جون 2010 مارس 2010

صفحات مرتبط

آموزش:JavaScript آرایه

آموزش:Array Const در JavaScript

آموزش:روش‌های آرایه JavaScript

آموزش:ترتیب‌دهی آرایه‌های JavaScript

آموزش:تکرار آرایه‌های JavaScript

دستورالعمل:روش Array.reduceRight()