اذهب إلى المحتوى

Mohamad Shafiee Jaddini

الأعضاء
  • المساهمات

    87
  • تاريخ الانضمام

  • تاريخ آخر زيارة

مقال تعليقات بواسطة Mohamad Shafiee Jaddini

  1. بتاريخ On 11/2/2020 at 13:54 قال Hafsa Aly:

    لم استطع حل تمرين رقم 2

    مرحباً  @Hafsa Aly

    من أجل حل التمرين 2 يجب علينا استذكار أننا يجب علينا استخدام

    تابع تتبع حدث الكتابة ضمن حقل الادخال الذي تعلمناه في المقال، وهو (اسميناه في حالتنا: (keyIsUp):

    v-on:keyup='keyIsUp'

    وسنقوم بتعريفه في اقسم الـ methods ، و كما تعلمنا أيضا في المقال، كالتالي:

        keyIsUp: function(event) {
    
        }

    و الان سنقوم باستخدام تابع للبحث ضمن مصفوفة اسماء البلدان التي طلب منا البحث فيها.

    لكي نقوم بهذه الخطوة يجب علينا معرفة آلية الحل التي تلخص بالتالي:

    يجب علينا المرور على جميع عناصر المصفوفة countries و سنقوم بمقارنة ما أدخله المستخدم في مربع البحث مع هذا العنصر، ولكن يجب الانتباه إلى أننا لن نقارن العنصر المدخل مع عنصر المصفوفة ككل ، بل يجب أن يحتوي عنصر المصفوفة على العنصر المدخل أو جزء منه.

    للقيام بعملية المرور على جميع عناصر المصفوفة لدينا العديد من التوابع في javascript ولكن يمكنك استخدام الأشهر وهو التابع filter

    حيث يقوم بالمرور على جميع عناصر مصفوفة ما.

    وللتأكد أن عنصراً ما من المصفوفة يحوي النص المدخل أو جزءا منه يمكننا استعمال التابع includes : 

    String.includes("substring");

    و في حال التأكد أن هذا العنصر من المصفوفة يحوي النص المدخل نقوم بادخال عنصر المصفوفة ضمن مصفوفة أخرى تكون فارغة في البداية.

    وبعد إتمام المرور على جميع عناصر المصفوفة countries سنذهب للمصفوفة الجديدة التي أنشأناها و وضعنا فيها العناصر المتطابقة مع النص المدخل و سنقوم بعرض محتوياتها على شكل قائمة مقترحات كما هو مطلوب في نص التمرين.

    هل يمكنك المحاولة مجدداً باستخدام التوابع المذكورة؟

×
×
  • أضف...