أحدث البرامج التعليمية وتطوير الشبكة
 

JavaScript مجموعة مصفوفة forEach() Method

<جافا سكريبت صفيف المرجعي

مثال

سرد كل عنصر في مجموعة:

<button onclick="numbers.forEach(myFunction)">Try it</button>
<p id="demo"></p>

<script>
demoP = document.getElementById("demo");
var numbers = [4, 9, 16, 25];

function myFunction(item, index) {
    demoP.innerHTML = demoP.innerHTML + "index[" + index + "]: " + item + "<br />";
}
</script>

وستكون النتيجة:

index[0]: 4
index[1]: 9
index[2]: 16
index[3]: 25
انها محاولة لنفسك »

أكثر "Try it Yourself" الأمثلة أدناه.


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

و forEach() استدعاءات الأسلوب وظيفة المقدمة مرة واحدة لكل عنصر في مجموعة، في النظام.

ملاحظة: forEach() لا يتم تنفيذ وظيفة لعناصر المصفوفة دون القيم.


دعم المتصفح

الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل الأسلوب.

طريقة
forEach() نعم فعلا تسعة 1.5 نعم فعلا نعم فعلا

بناء الجملة

قيم معلمة
معامل وصف
function(currentValue, index,arr) مطلوب. وظيفة ليتم تشغيلها لكل عنصر في المصفوفة.
الحجج الدالة:
جدال وصف
currentValue مطلوب. قيمة العنصر الحالي
index اختياري. مؤشر مجموعة من العنصر الحالي
arr اختياري. كائن مجموعة العنصر الحالي ينتمي إلى
thisValue اختياري. قيمة لتمريرها إلى وظيفة لاستخدامها في "this" قيمة.
إذا كانت هذه المعلمة فارغة، وقيمة "undefined" سيتم تمريرها كما في "this" قيمة

تفاصيل تقنية

قيمة الإرجاع: غير محدد
نسخة جافا سكريبت: 1.6

أمثلة

مزيد من الأمثلة

مثال

الحصول على مجموع كل القيم في مجموعة:

<button onclick="numbers.forEach(myFunction)">Try it</button>

<p>Sum of numbers in array: <span id="demo"></span></p>

<script>
var sum = 0;
var numbers = [65, 44, 12, 4];

function myFunction(item) {
    sum += item;
    demo.innerHTML=sum;
}
</script>
انها محاولة لنفسك »

مثال

ضرب كل القيم في مجموعة مع عدد محدد:

<p>Multiply with: <input type="number" id="multiplyWith" value="10"></p>
<button onclick="numbers.forEach(myFunction)">Try it</button>

<p>Updated array: <span id="demo"></span></p>

<script>
var numbers = [65, 44, 12, 4];

function myFunction(item,index,arr) {
    arr[index] = item * document.getElementById("multiplyWith").value;
    demo.innerHTML=numbers;
}
</script>
انها محاولة لنفسك »

<جافا سكريبت صفيف المرجعي