java_script الدرس السادس

java_script الدرس السادس


النتائج 1 إلى 3 من 3

الموضوع: java_script الدرس السادس

  1. #1

    New java_script الدرس السادس


    يسم الله الرحمن الرحيم
    *********
    "اللهم علمنا ما ينفعنا وانفعنا بما علمتنا انك انت العليم الحكيم "
    -----------------------------------------------

    نستكمل موضوعنا عن Control structure
    ************
    ذكرنا فى الموضوعات السابقة كيفية عمل if و switch وعرفنا ان كلا منهما متشابه
    ان ان هناك بعض الفروق وذكرناها بفضل الله

    اليوم سنتكلم عن موضوع مهم جدا الا وهو الحلقات التكرارية
    looping ما هى وما فائدتها ؟!!

    الحلقات التكرارية هى تنفيذ تعليمات بمعلومية شرط معين او حالة معينة عند تحققه والخروج من
    تنفيذ هذه التعليمات اذا فقد الشرط تحققه .

    بمعنى انك اذا اردت ان تطبع عدة جمل ولتكن مثلا خمس جمل ستضر الى ان تكتب هذا الكود
    كود HTML:
    <script type="text/javascript">
    document.write("welcome ZaIzO Max "+"<br />");
    document.write("welcome ZaIzO Max "+"<br />");
    document.write("welcome ZaIzO Max "+"<br />");
    document.write("welcome ZaIzO Max "+"<br />");
    document.write("welcome ZaIzO Max "+"<br />");
    </script>
    لاحظ فى الكود السابق كثرة السطور التى تكتبها فى الكود مما يؤدى الى بطء الترجمة والتنفيذ
    هو اينعم يؤدى الى تاخر غير ملحوظ بالمرة وانما لو كنت كاتب كود كهذا يحتوى على 5000 سطر ؟!!!
    إذن قد علمت فائدة من فوائد الحلقات التكرارية
    وهى تقليل السطور البرمجية مع سرعة التنفبذ ندخل الان الى الحلقات التكرارية
    while LOOP
    الصيغة العامة
    =======
    وهى بمعنى ** بينما (كذا) {نفذ كذا ; ثم نقوم بالزياة بعد ذلك}
    كود HTML:
    <script type="text/javascript">
    // any variable
    whle(/*condition*/)
    {
    //statements;
    //variable + additional value                          ملحوظة مهمة 
    }
    </script>
    ملحوظة :
    ---------
    ما معنى ال variable + additional value اى القيمة التى تريد زيادتها على المتغير
    الذى تتحقق منه ((ولماذا هذه الزيادة ؟!!)) لو لحظت فى العنوان انه باسم الحلقات التكرارية
    اى ان طالما الشرط محقق يتم تنفيذ ما بين الاقواس المعكوفة {} وهذه الاضافة نضعها لكى يتم الخروج من
    الحلقة . اكيد طبعا انت لا تحتاج ان السكربت بتاعك يتم تكراره الى ما لا نهاية
    لاحظ معى
    كود HTML:
    <script type="text/javascript">
    var x ="zaizo_max";
    var y=0;
    whle(y<=x.length)
    {
    document.write(x+"<br />");
    
    }
    </script>
    الكود السابق صحيح الا نه سيعمل على انهيار المتصفح وذالك لان الشرط محقق
    ويتم التنفيذ الى ما لا نهاية لانك لم نحدد القيمة التى سيتم اقفال الحلقة بها ((الان ))
    قد عرفت فائدة القيمة التى ستزيدها او تنقصها لكى يتم اقفال الحلقة التكرارية وتخرج منها
    كود HTML:
    <script type="text/javascript">
    var x ="zaizo_max";
    var y=0;
    whle(y<=x.length)
    {
    document.write(x+"<br />");
    y+1; // or y++ كلاهما صحيح لانك انت من يحدد القيمة  سواء بالزيادة او النقصان 
    }
    </script>

    for loop


    الصيقة العامة
    =========
    قم بتكرار (متغير ؛ هنا يتم وضع الشرط ؛ القيمة التى تزيدها ) { نفذ ما بين الاقواس }
    كود HTML:
    <script type="text/javascript">
    for(var anyName; condition ; additional value)
    {
    //statements
    }
    </script>
    كما سبق انا ذكرت انها نفس فكرة ال while الا ان قيمة بعد الشرط
    ويمكن ان نجعلها كحلقة while تماما
    كود HTML:
    <script type="text/javascript">
    for(var x=1;x<=6 ; x++)
    {
    document.write("ZAIZO");
    }
    
    // يمكن كذلك كتابة حلقة 
    /*for 
    كحلفة 
    while
    */
    document.write("<br />");
    
    var max=1;
    for(;max<10;)
    {
    document.write(max+"<br />");
    max++;
    }
    </script>

    الحلقات المتداخلة
    loop inside loop

    كذلك يمكن استخدام الحلقات بداخل بعضها ولكن لاحظ ان الحلقة الاولى او الخارجية تنفذ
    ثم تدخل الى الحلقة الداخلية لها ليتم تنفيذها ثم تزيد بالمقدار المكتوب ثم تخرج لتزيد الحلقة الخارجية
    ثم تدخل لتنفذ ........وهكذا حتى يتم الانتهاء
    وخير مثال على ذلك هو جدول الضرب

    كود HTML:
    <script type="text/javascript">
    for (var x = 1; x<= 10 ;x++)
    {
         document.write(" <b>جدول</b> " + x + "</b><br />")
        for (var x2 = 1; x2<= 10 ;x2++)
        {
            document.write(x+"×"+x2+"="+x*x2+"<br />");
        }
    }
    
    </script>
    وبكدة نبقى ختمنا ال control structure
    والحمد لله رب العالمين

    التعديل الأخير تم بواسطة zaizo max ; 04-08-2013 الساعة 01:32 AM

  2. #2

    افتراضي رد: java_script الدرس السادس

    اقتباس المشاركة الأصلية كتبت بواسطة M-šŦẻř Đēv@şťÁŦÍňğ مشاهدة المشاركة
    بارك الله فيك
    مروك يشرفنى يالغالى

  3. #3

    افتراضي رد: java_script الدرس السادس

    شكرا على الدرس الرائع

المواضيع المتشابهه

  1. java_script الدرس الاول
    بواسطة zaizo max في المنتدى لغات برمجة المواقع
    مشاركات: 4
    آخر مشاركة: 04-13-2013, 07:50 PM
  2. java_script الدرس الخامس
    بواسطة zaizo max في المنتدى لغات برمجة المواقع
    مشاركات: 6
    آخر مشاركة: 04-09-2013, 03:07 AM
  3. java_script الدرس الرابع
    بواسطة zaizo max في المنتدى لغات برمجة المواقع
    مشاركات: 4
    آخر مشاركة: 04-06-2013, 07:48 PM
  4. java_script الدرس الثانى
    بواسطة zaizo max في المنتدى لغات برمجة المواقع
    مشاركات: 3
    آخر مشاركة: 04-03-2013, 03:58 AM
  5. java_script الدرس الثالث
    بواسطة zaizo max في المنتدى لغات برمجة المواقع
    مشاركات: 0
    آخر مشاركة: 04-03-2013, 03:52 AM

المفضلات

أذونات المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •