Template Literals
جزء من قسم المنطق وتدفق التنفيذ في رحلة JavaScript على Coddy. الدرس 3 من 65.
تستخدم قوالب النصوص البرمجية (Template literals) علامات المحاذاة المائلة للخلف تدعم القوالب النصية (Template literals) أيضاً السلاسل النصية متعددة الأسطر دون الحاجة إلى حرف الهروب كلاهما ينتج نفس الـ
` لإنشاء النصوص وتسمح لك بإدراج التعبيرات باستخدام ${}.على سبيل المثال، عند إنشاء التحيات، يمكنك تضمين الأسماء أو البيانات الأخرى ديناميكيًا مباشرةً داخل القالب النصي (template literal). يمكنك أيضًا تضمين رموز مثل $ عبر وضعها مباشرةً داخل علامات التنصيص المائلة (backticks).مثال:const userName = "Sam";
const price = 5;
const message = `Welcome, ${userName}! Your total is $${price}.`;
// يدرج userName و price داخل السلسلة\n.يمكنك ببدء الضغط على Enter للسطر الجديد، وسيتم الحفاظ على الفاصل بين الأسطر في المخرجات. كلا الأسلوبين يعملان:// باستخدام \n
const message1 = `Line 1\nLine 2`;
// باستخدام فواصل الأسطر الفعلية
const message2 = `Line 1
Line 2`;result.التحدي
سهلأنشئ دالة باسم greetAll تأخذ مصفوفة من الأسماء وترجع سلسلة نصية واحدة. يجب أن ينتج كل اسم في المصفوفة سطرًا بالتنسيق Hello, <Name>! مجمعة معًا في سلسلة نصية واحدة، ومفصولة بأسطر جديدة. استخدم القوالب النصية (template literals) لأسطر الترحيب.
جرّب بنفسك
function greetAll(names) {
// اكتب الكود الخاص بك هنا
}
// لا تكتب أي شيء خارج الدالةيتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
جميع دروس المنطق وتدفق التنفيذ
1السلاسل النصية بعمق
أساسيات السلاسل النصيةالتكرار عبر السلاسل النصيةTemplate Literalsدوال السلاسل النصيةمراجعة - String Weaver2المصفوفات متعددة الأبعاد
أساسيات المصفوفات ثنائية الأبعادالوصول إلى عناصر المصفوفات ثنائية الأبعادالحلقات المتداخلة مع المصفوفات ثنائية الأبعادمراجعة - المصفوفات ثنائية الأبعادجمع وطرح المصفوفاتالمصفوفات المتعرجة (Jagged Arrays)المصفوفات ثلاثية الأبعاد وما بعدهاأنماط المصفوفات ثنائية الأبعاد الشائعةمراجعة - كل شيء عن المصفوفات5المجموعات - الجزء الأول
ما هي المجموعة؟التكرار عبر المجموعاتإضافة عنصرإزالة عنصرالتحقق من وجود عنصرالحجم وهل هي فارغةالنسخ والمسحملخص - أساسيات المجموعات8مواضيع شيقة حول الـ Arrays
تفكيك الـ Arrayاستخدام الـ Spread Syntax في الـ Arraysالـ Sparse Arraysمراجعة - ورشة عمل الـ Arrays3JSON الجزء الأول
ما هو JSON؟التحقق من وجود المفتاحObject MethodsSpread Operator الجزء الأولSpread Operator الجزء الثانيحذف المفاتيحمراجعة - معالجة مفاتيح JSONتدرّب بنفسك: مترجم JavaScript عبر الإنترنت