2.0 KiB
| title | localeTitle |
|---|---|
| Create Strings Using Template Literals | إنشاء سلاسل باستخدام قوالب حرفية |
بدلاً من استخدام سلسلة string ، يقدم ES6 القيم الحرفية للقوالب لإنشاء سلاسل. في هذا التحدي ، يجب عليك استخدام القيم الحرفية للقالب لإنشاء صف من التحذيرات النصية.
تذكر استخدام Read-Search-Ask إذا واجهتك مشكلة. حاول إقران البرنامج وكتابة التعليمات البرمجية الخاصة بك.
شرح المشكلة:
مطلوب لاستخدام القيم الحرفية للقالب لإرجاع قائمة كل عنصر في الصفيف حيث سيتم لف العنصر في علامة <li></li> .
تلميح: 1
- استخدم الدالة
map()لتطبيق القيم الحرفية على كافة عناصرarr
حاول أن تحل المشكلة الآن
تلميح: 2
- داخل
map()استخدم وظيفة السهم التي تحتوي علىelementكمعلمة وترجع<li></li>التي تحتوي على فئة تحذير النص وتحتوي علىelementبداخلها
حاول أن تحل المشكلة الآن
تنبيه المفسد!
الحل في المستقبل!
const resultDisplayArray = arr.map(item => `<li class="text-warning">${item}</li>`);
لا خريطة () الحل
على الرغم من أنه حل أقل مرونة ، إذا كنت تعرف عدد العناصر مقدمًا ، يمكنك تعدادها كما هو موضح في
const resultDisplayArray = [`<li class="text-warning">${arr[0]}</li>`, `<li class="text-warning">${arr[1]}</li>` ,`<li class="text-warning">${arr[2]}</li>`];