طريقة JavaScript Array reduce()

التعريف والاستخدام

reduce() تقوم الطريقة بتقليل اللوحة إلى قيمة واحدة.

reduce() تقوم الطريقة بتطبيق الوظيفة المقدمة على كل قيمة من قيم اللوحة (من اليسار إلى اليمين).

يتم حفظ قيمة العودة للوظيفة في المعيد (النتيجة/المجموع).

التعليق:لا تنفذ على عناصر القائمة بدون قيمة reduce() الطريقة.

التعليق:reduce() الطريقة لن تغير اللوحة الأصلية

مثال

مثال 1

من البداية قم بإزالة الأرقام من العدد

var numbers = [175, 50, 25];
document.getElementById("demo").innerHTML = numbers.reduce(myFunc);
وظيفة 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];
وظيفة getSum(total, num) {
  return total + Math.round(num);
}
وظيفة myFunction(item) {
  document.getElementById("demo").innerHTML = numbers.reduce(getSum, 0);
}
</script>

جربها بنفسك

النص الاصطناعي

المجموعة.reduce(وظيفة(الناتج الكلي, القيمة الحالية, النقطة الحالية, المجموعة), القيمة المبدئية)

قيمة الموضع

المواضيع وصف
وظيفة(الناتج الكلي, القيمة الحالية, النقطة الحالية, المجموعة) ضروري. الوظيفة التي تتم تنفيذها لكل عنصر في المجموعة.

مواضيع الوظيفة:

المواضيع وصف
الناتج الكلي ضروري. القيمة المبدئية أو القيمة التي أعادتها الوظيفة الإرتباطية مسبقًا.
القيمة الحالية ضروري. القيمة الحالية للعنصر.
النقطة الحالية اختياري. نقطة التقدم الحالية للعنصر في المجموعة.
المجموعة اختياري. عينة من مجموعة الأنواع الحالية
القيمة المبدئية اختياري. القيمة المبدئية التي يتم نقلها إلى الوظيفة.

تفاصيل تقنية

القيمة المعدة: يعيد النتيجة المتراكمة للدعوة الأخيرة للوظيفة الإرتباطية.
إصدار جافا سكربت: إكماستريبت 5

دعم المتصفح

الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم هذه الطريقة بشكل كامل.

جميع المتصفحات تدعم هذه الطريقة بشكل كامل reduce() طريقة:

كروم إي إي إدج فايرفوكس سفاري أوبرا
كروم 3 إي إي 9 إدج 12 فايرفوكس 3 سفاري 5 أوبرا 10.5
يونيو 2009 سبتمبر 2010 يوليو 2015 يناير 2009 يونيو 2010 مارس 2010

الصفحات ذات الصلة

دليل:جافا سكربت مصفوفة

دليل:مجموعة JavaScript Const

دليل:طرق مجموعة JavaScript

دليل:ترتيب مجموعة JavaScript

دليل:استخدام مجموعة JavaScript

دليل:طريقة Array.reduceRight()