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