Template Literals
جزء من قسم Logic & Flow في رحلة 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) {
// اكتب الكود الخاص بك هنا
}
// لا تكتب أي شيء خارج الدالةيتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
جميع دروس Logic & Flow
1السلاسل النصية بعمق
أساسيات السلاسل النصيةالتكرار عبر السلاسل النصيةTemplate Literalsدوال السلاسل النصيةمراجعة - String Weaver2المصفوفات متعددة الأبعاد
أساسيات المصفوفات ثنائية الأبعادالوصول إلى عناصر المصفوفات ثنائية الأبعادالحلقات المتداخلة مع المصفوفات ثنائية الأبعادمراجعة - المصفوفات ثنائية الأبعادجمع وطرح المصفوفاتالمصفوفات المتعرجة (Jagged Arrays)المصفوفات ثلاثية الأبعاد وما بعدهاأنماط المصفوفات ثنائية الأبعاد الشائعةمراجعة - كل شيء عن المصفوفات5المجموعات - الجزء الأول
ما هي المجموعة؟التكرار عبر المجموعاتإضافة عنصرإزالة عنصرالتحقق من وجود عنصرالحجم وهل هي فارغةالنسخ والمسحملخص - أساسيات المجموعات8مواضيع شيقة حول الـ Arrays
تفكيك الـ Arrayاستخدام الـ Spread Syntax في الـ Arraysالـ Sparse Arraysمراجعة - ورشة عمل الـ Arrays3JSON الجزء الأول
ما هو JSON؟التحقق من وجود المفتاحObject MethodsSpread Operator الجزء الأولSpread Operator الجزء الثانيحذف المفاتيحمراجعة - معالجة مفاتيح JSON