طرق التكرار في Array في جافا سكربت

يُطلق عليه اسم الطريقة التي يتم فيها تنفيذ عملية واحدة على كل عنصر من المصفوفةالتحليلالطريقة.

للمصفوفةالتحليليتم دمج هذه الطريقة مع الدورات.

Array.forEach()

forEach()يتم تنفيذ دالة مقدمة للجميع على كل عنصر من المصفوفة (دالة استدعاء)

يمكننا استخدامforEach()طباعة كل عنصر من المصفوفة إلى المستند.

var fruits = ["Apple", "Mango", "Banana", "Orange"];
var result = document.getElementById("result");
fruits.forEach(function(element, index, array) {
　　　　result.innerHTML += index + ": " + element + "<br>";
});

لاحظ أن هذه الوظيفة تأخذ ثلاثة معاملات:

• قيمة العنصر (مطلوب)

• فهرس العنصر (اختياري)

• القائمة نفسها (اختياري)

بما أن المعلمتان 2 (المعرف، النص) إختياريتان، يمكننا تجاوزهم:

var fruits = ["Apple", "Mango", "Banana", "Orange"];
var result = document.getElementById("result");
fruits.forEach(function(element) {
　　　　result.innerHTML += element + "<br>";
});

Array.map()

map()يحصل الطريقة على مصفوفة جديدة، لا تقوم بتغيير المصفوفة الأصلية. كما أن العناصر الجديدة في المصفوفة الجديدة هي قيم العناصر الأصلية بعد استدعاء الدالة، ويتم معالجة العناصر بشكل متسلسل بناءً على ترتيب العناصر في المصفوفة الأصلية.

ملاحظة: لا يقوم map() بفحص النصوص الفارغة.

في المثال التالي، سنقوم بإنشاء نص جديد من العناصر التي تُضاعف كل قيمة.

var nums1 = [1, 5, 20, 14, 55, 16];
var nums2 = nums1.map(twice);
function twice(element, index, array) {
　　　return (element * 2);
}

لاحظ أن هذه الوظيفة تأخذ ثلاثة معاملات:

• قيمة العنصر (مطلوب)

• فهرس العنصر (اختياري)

• القائمة نفسها (اختياري)

بما أن المعلمتان 2 (المعرف، النص) إختياريتان، يمكننا تجاوزهم:

var nums1 = [1, 5, 20, 14, 55, 16];
var nums2 = nums1.map(twice);
function twice(element) {
　　　return (element * 2);
}

Array.filter()

filter()هذه هي عملية شائعة باستخدام Array في JavaScript، لاستبعاد بعض العناصر من النص وعدم إرجاع الباقين. مبدأها الرئيسي هو أن filter يقوم بتطبيق الوظيفة المقدمة على كل عنصر، ويقرر بناءً على القيمة التي تُرجعها (true أو false) ما إذا كان يجب الاحتفاظ بالعنصر أو التخلص منه.

في المثال التالي، سنقوم بإنشاء نص جديد باستخدام العناصر التي تساوي أو تزيد عن 18:

var age = [1, 30, 39, 29, 10, 13];
var val = age.filter(isAdult);
function isAdult(element, index, array) {
　　　　return element >= 18;
}

لاحظ أن هذه الوظيفة تأخذ ثلاثة معاملات:

• قيمة العنصر (مطلوب)

• فهرس العنصر (اختياري)

• القائمة نفسها (اختياري)

بما أن المعلمتان 2 (المعرف، النص) إختياريتان، يمكننا تجاوزهم:

var age = [1, 30, 39, 29, 10, 13];
var val = age.filter(isAdult);
function isAdult(element) {
　　　　return element >= 18;
}

Array.reduce()

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

هذا شائع جدًا في الأرقام، مثل إيجاد مجموع جميع الأرقام في النص.

var nums = [10, 20, 30, 40, 50];
var sum = nums.reduce(getTotal);
function getTotal(x, y) {
　　　　return (x + y);
}

لاحظ أن هذه الوظيفة تأخذ 4 معلمات:

• القيمة البدائية/القيمة التي تم إرجاعها مسبقًا (مطلوبة)

• قيمة العنصر (مطلوب)

• فهرس العنصر (اختياري)

• القائمة نفسها (اختياري)

Array.find()

find()يستعيد الطريقة أول قيمة من بين النصوص التي تم إيجادها بالفحص المقدم.

في المثال التالي، سنبحث عن أول عنصر يساوي أو أكبر من 18:

var num = [1, 30, 39, 29, 10, 13];
var val = num.find(myFunc);
function myFunc(element) {
　　　　return element >= 18;
}

لاحظ أن هذه الوظيفة تأخذ ثلاثة معاملات:

• قيمة العنصر (مطلوب)

• فهرس العنصر (اختياري)

• القائمة نفسها (اختياري)

Array.findIndex()

findIndex()يستعيد الطريقة أول معرف من بين النصوص التي تم إيجادها بالفحص المقدم.

في هذا المثال، سنقوم بإيجاد فهرس العنصر الأول الذي يساوي أو يزيد عن 18:

var num = [1, 30, 39, 29, 10, 13];
var val = num.findIndex(myFunc);
function myFunc(element) {
　　　　return element >= 18;
}

لاحظ أن هذه الوظيفة تأخذ ثلاثة معاملات:

• قيمة العنصر (مطلوب)

• فهرس العنصر (اختياري)

• القائمة نفسها (اختياري)

Array.every()

every()يستخدم هذا الطريقة للتحقق من أن جميع عناصر القائمة تتناسب مع الشروط المحددة (من خلال وظيفة التحقق المقدمة).

في المثال التالي، سنقوم بفحص ما إذا كانت جميع قيم القائمة تساوي أو تزيد عن 18:

var nums = [1, 30, 39, 29, 10, 13];
var bool = nums.every(function(element) {
　　　　return element >= 18;
});
document.getElementById("result").innerHTML = bool;

لاحظ أن هذه الوظيفة تأخذ ثلاثة معاملات:

• قيمة العنصر (مطلوب)

• فهرس العنصر (اختياري)

• القائمة نفسها (اختياري)

مرجع القوائم الكامل

للحصول على مرجع شامل للخصائص و الطرق، يرجى زيارةمرجع Array في JavaScript.

يحتوي الجزء المشار إليه على وصف و أمثلة لجميع خصائص و طرق القوائم.