تعلم كيفية جمع عناصر مصفوفة في JavaScript باستخدام حلقة for…of

في بداية رحلتك في تعلم لغة البرمجة JavaScript، قد تواجه بعض التحديات في فهم كيفية استخدام حلقة الـ “for” للحصول على مجموع عناصر مصفوفة. لقد قدمت لك كودًا في Python يقوم بنفس الوظيفة، ولكن عند تجربة نفس الفكرة في JavaScript، وجدت أن النتيجة ليست كما هو متوقع.

في JavaScript، الحلقة “for…in” تُستخدم عادة للتحقق من الخصائص في الكائنات، وليس للتنقل عبر عناصر المصفوفة بالترتيب. لذا، عند استخدام “for…in” في سياق المصفوفة، يتم الحصول على مفاتيح العناصر بدلاً من القيم.

لحل هذه المشكلة في JavaScript والحصول على مجموع عناصر المصفوفة، يُفضل استخدام حلقة “for…of” بدلاً من “for…in”. اليك كيفية تحقيق ذلك:

javascriptCopy code
var listSum = 0;
var myArray = [2, 3, 4, 5];

for (var value of myArray) {
    listSum += value;
}

console.log(listSum);

هنا، قمت بتعريف مصفوفة باسم myArray واستخدمت حلقة “for…of” للتنقل عبر قيم العناصر مباشرةً، وليس عبر المفاتيح كما في “for…in”. بذلك، يتم إضافة قيم كل عنصر إلى listSum، وسيتم طباعة الناتج النهائي في المثال على الشاشة.

هكذا، يمكنك الآن فهم كيف يمكنك استخدام حلقة “for…of” في JavaScript للحصول على مجموع عناصر المصفوفة بشكل صحيح وفعّال.

بالطبع، دعنا نعمق أكثر في هذا الموضوع لتعزيز فهمك للبرمجة بلغة JavaScript وكيفية التعامل مع مصفوفات. في الشيفرة البرمجية السابقة، استخدمت حلقة “for…of” للتنقل عبر عناصر المصفوفة. الآن، سأقدم لك بعض المعلومات الإضافية حول هذا النوع من الحلقات وكيفية استخدامها بفعالية.

1. حلقة “for…of” versus حلقة “for…in”:

   • حلقة “for…of” تستخدم لاسترجاع قيم العناصر مباشرة، وهي تتيح لك الوصول إلى قيم العناصر دون الحاجة إلى التعامل مع المفاتيح أو الفهرس.
   • حلقة “for…in” تُستخدم عادة للتعامل مع خصائص الكائنات، وقد تكون غير مناسبة للتنقل عبر عناصر المصفوفة بشكل صحيح.

2. تجنب استخدام “for…in” لمصفوفات:

   • في حالة استخدام “for…in” لمصفوفة، قد تحصل على المفاتيح بدلاً من القيم، وهذا قد يؤدي إلى سلوك غير متوقع.
   • يُفضل عند التعامل مع مصفوفات استخدام “for…of” لتجنب هذه المشكلة وضمان الحصول على القيم الصحيحة.

3. تعريف متغيرات بشكل صحيح:

   • قمت بتعريف متغير listSum بشكل صحيح وأعطيته قيمة ابتدائية صفر. هذا يساعد في تجميع القيم بشكل صحيح أثناء تنفيذ الحلقة.

4. استخدام console.log():

   • استخدمت console.log() لطباعة نتيجة الجمع على الشاشة. هذا يساعدك في رؤية النتيجة والتحقق من صحة تنفيذ الكود.

5. التعامل مع مصفوفات في JavaScript:

   • JavaScript توفر العديد من الوظائف المفيدة للتعامل مع المصفوفات، مثل map و filter و reduce. يمكنك استكشاف هذه الوظائف لتحسين فعالية كودك وتقليل الكمية من الشيفرة البرمجية.

في النهاية، فهم جيد لكيفية التعامل مع حلقات التكرار في JavaScript وكيفية استخدام الحلقة “for…of” سيفتح لك أفقًا أوسع في عالم البرمجة بهذه اللغة.