freeCodeCamp/guide/arabic/certifications/javascript-algorithms-and-data-structures/es6/create-strings-using-template-literals/index.md

title, localeTitle

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>`];