Javascript Intermediate
-
المقدمة
-
مواد الدورة (Course Materials)
-
Events11 المواضيع|4 الإختبارات
-
Event Listener
-
مختصر كتابي: Event Listener
-
Target and currentTarget
-
مختصر كتابي: Target and currentTarget
-
Bubbling and Capture
-
مختصر كتابي: Bubbling and Capture
-
Prevent Default and Form Events_1
-
مختصر كتابي: Prevent Default and Form Events_1
-
Prevent Default and Form Events - Accessibility
-
مختصر كتابي: Prevent Default and Form Events- Accessbility
-
المصادر
-
Event Listener
-
Logic and Flow Control14 المواضيع|6 الإختبارات
-
Order of operations
-
مختصر كتابي: Order of operations
-
If Statements
-
مختصر كتابي: If Statements
-
Operators
-
Truthy and Falsy values
-
مختصر كتابي: Truthy and Falsy values
-
Coercion -Ternary
-
مختصر كتابي: Coercion-Ternary
-
Case Switch
-
مختصر كتابي: Case Switch
-
Intervals and Timers
-
مختصر كتابي: Intervals and Timers
-
المصادر
-
Order of operations
-
Data Types20 المواضيع|8 الإختبارات
-
Objects
-
مختصر كتابي: Objects
-
Object reference VS value
-
مختصر كتابي: Object reference VS value
-
Maps
-
مختصر كتابي: Maps
-
Array Definition
-
مختصر كتابي: Array definition
-
Array Methods
-
مختصر كتابي: Array Methods
-
Static Methods
-
مختصر كتابي: Static Methods
-
Instance Methods
-
مختصر كتابي: Instance Methods
-
Callback Methods - Part 1
-
مختصر كتابي: Callback Methods -Part1
-
Callback Methods - Part 2
-
مختصر كتابي: Callback Methods -Part2
-
Challenge
-
المصادر
-
Objects
-
Looping7 المواضيع|3 الإختبارات
-
التسليم النهائي للدورة
-
الخاتمة
الإختبارات
المشاركون 566
مختصر كتابي: forEach and Pure Function
Mohamed Abusrea 2023-06-08
forEach
تُستخدم forEach في لغة JavaScript للمرور على كل عنصر في المصفوفة (Array) و تنفيذ وظيفة معينة على كل عنصر في المصفوفة (Array).
تأخذ forEach دالة Callback function وهي الدالة التي سيتم تنفيذها على كل عنصر في المصفوفة. الدالة Callback function تستقبل عادة ثلاثة معاملات: العنصر الحالي، ال index الحالي للعنصر، والمصفوفة (Array) الأصلية. يمكن استخدام هذه المعاملات للوصول إلى القيم و index والمصفوفة (Array).
لنلقي نظرة على الصيغة العامة لاستخدام forEach:
array.forEach((currentValue, index, array)=>{});
مثال:
const numbers = [1, 2, 3, 4, 5];
numbers.forEach(function(number) {
console.log(number);
});
في هذا المثال: لدينا مصفوفة numbers تحتوي على أرقام من 1 إلى 5. تم استخدام forEach لتنفيذ دالة بسيطة والتي تقوم بطباعة العنصر والتي يتم تنفيذها على كل عنصر في المصفوفة.
مثال:
const numbers = [1, 2, 3, 4, 5];
numbers.forEach(function(number, index, array) {
console.log(`Number: ${number}, Index: ${index}, Array: ${array}`);
});
في هذا المثال: لدينا مصفوفة numbers تحتوي على الأرقام من 1 إلى 5. تم استخدام forEach لتنفيذ دالة Callback على كل عنصر في المصفوفة. داخل الدالة Callback نقوم بطباعة العنصر الحالي و Index والمصفوفة بالاستعانة بالمعاملات number و index و array.