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
مختصر كتابي: Reduce
Mohamed Abusrea 2023-06-01
reduce
دالة reduce في لغة JavaScript هي دالة تُستخدم لتحويل مصفوفة (Array) إلى قيمة واحدة. تستخدم هذه الدالة لتنفيذ عملية معينة على عناصر المصفوفة وتقليصها إلى قيمة واحدة.
تأخذ دالة reduce بعض المعاملات (Parameters) مثل:
التجميع (Accumulator): هو المعامل الذي يحتوي على القيمة المتراكمة خلال العملية.
القيمة الحالية (Current Value): هو العنصر الحالي في المصفوفة الذي يتم معالجته.
المصفوفة (Array): هي المصفوفة التي تتم عليها العملية.
مثال:
const numbers = [1, 2, 3, 4, 5];
const sum = numbers.reduce((accumulator, currentValue) => {
return accumulator + currentValue;
}, 0);
console.log(sum); // Output: 15
في هذا المثال: بدأنا بالمصفوفة numbers التي تحتوي على الأرقام من 1 إلى 5. ثم استخدمنا دالة reduce لجمع جميع الأرقام في المصفوفة. بدأنا بقيمة التجميع (Accumulator) المبدئية 0، ثم تم جمع عناصر المصفوفة مع القيمة المتراكمة في كل تكرار. في النهاية تم إرجاع المجموع النهائي وهو 15.
for loop
الـ for تُستخدم عندما يكون لديك كود محدد تحتاج إلى تكراره عدد معين من المرات وفقًا لشرط معين. كما أنه يمكنك استخدام الـ for للمرور علي عناصر ال Array أو ال Object وتنفيذ عمليات على هذه العناصر. يُستخدم الـ for loop عندما تعرف عدد مرات التكرار المحددة مسبقًا.
تستطيع كتابة ال for loop بأكثر من طريقة فيما يلي سوف نقوم بشرح طريقتين لكتابة ال for loop:
1- ال for loop باستخدام "for...in":
for (variable in object) {
// كود التنفيذ
}
variable: اسم المتغير الذي سيتم استخدامه لتمثيل كل خاصية في الكائن.
object: الكائن الذي ترغب في المرور على خصائصه.
مثال:
const person = {
name: 'John',
age: 30,
gender: 'male'
};
for (let key in person) {
console.log(key + ': ' + person[key]);
}
2- الـ for باستخدام "for...of":
مثال:
const numbers = [1, 2, 3, 4, 5];
for (let number of numbers) {
console.log(number);
}
while loop
تُستخدم الـ while loop في الـ JavaScript لتكرار تنفيذ مجموعة من التعليمات طالما الشرط المحدد صحيح.
while (condition) {
// كود التنفيذ
}
condition: الشرط الذي يحدد ما إذا كان يجب تنفيذ الكود أم لا.
مثال:
let count = 0;
while (count < 5) {
console.log(count);
count++;
}
do...while
تُستخدم الـ do...while لتكرار تنفيذ مجموعة من التعليمات طالما الشرط المحدد صحيح. يتم تنفيذ الكود على الأقل مرة واحدة قبل التحقق من الشرط.
do {
// كود التنفيذ
} while (condition);
مثال:
let count = 0;
do {
console.log(count);
count++;
} while (count < 5);