الدرس الثاني عشر استخدام دالة حلقة التكرار في كائن for / in
قرأنا في الدرس السابق عن أبسط طريقة نمثل فيها حلقة التكرار for اليوم سنتعرف على طريقة أخرى لحلقة التكرار for
وهي استخدامها مع أي object كائن بالطريقة التالية
for (variable_name in object)
{
statement(s);
}
وليكن لدينا الكائن الذي يمثل معلومات الموظف كالتالي
var employee = {firstName:"Ahmed", lastName:"AlAli", job:" : Programmer"};
تقوم الدالة for / in بالمرور على كافة عناصر الكائن حيث سنستخدمها لكتابة كافة معلومات ملف الموظف في الكائن السابق
- افتح المفكرة لديك أو أي محرر كود جافا سكربت
اكتب الكود التالي
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>الدرس الثاني عشر استخدام دالة التكرار مع الكائن for</title>
</head>
<body>
<h1> نتيجة كود الجافا سكربت هي </h1>
<p id="emp"></p>
<script>
var employee = {firstName:"Ahmed", lastName:"AlAli", job:" : Programmer"};
var x;
for (x in employee)
{
emp.innerHTML += employee[x] + " ";
}
</script>
</body>
</html>
- احفظ الملف بتنسيق صفحة ويب .html ثم افتح الصفحة باستخدام المتصفح لديك
- ستظهر لك النتيجة التالية :
نتيجة كود الجافا سكربت هي
Ahmed AlAli : Programmer
دعونا الآن نأخذ مثال آخر
ولنتسائل ماذا لو كان الكائن ليس class فئة كما في الكود السابق ولكن الكائن هو array مصفوفة لعدد ما من الأرقام العشوائية
ونود أن نمر على كافة أرقام المصفوفة ونطبق فقط الأرقام التي تقبل القسمة على 2 دون باق ( الأعدادا الزوجية )
فكر كيف سنستخدم for in ؟
إليك الحل .
- افتح المفكرة لديك أو أي محرر كود جافا سكربت
اكتب الكود التالي
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>الدرس الثاني عشر استخدام التكرار مع المصفوفة for / in </title>
</head>
<body>
<h1> الأرقام الزوجية هي: </h1>
<p id="EvenNumber"></p>
<script>
var ListNum = [14,17,24,56,47,12,34,20,27,49,22,35,29,87,10,37,82];
var num ;
for (num in ListNum)
{
if (ListNum[num]%2 ==0)
{
EvenNumber.innerHTML += ListNum[num] + " ";
}
}
</script>
</body>
</html>
- احفظ الملف بتنسيق صفحة ويب .html ثم افتح الصفحة باستخدام المتصفح لديك
- ستظهر لك النتيجة التالية :
الأرقام الزوجية هي:
14 24 56 12 34 20 22 10 82
والحمد لله رب العالمين