JavaScript Academy · درس

السلاسل النصية متعددة الأسطر

اكتبوا نصوصًا متعددة الأسطر سهلة القراءة دون محارف الهروب.

السلاسل النصية متعددة الأسطر درس مجاني في JavaScript Academy على CoddyKit. هذا هو الدرس 2 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في JavaScript Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة JavaScript Academy 4 دروس في المجموع.

الطريقة القديمة

قبل ظهور القوالب النصية، كانت السلسلة النصية متعددة الأسطر تتطلب تسلسلات هروب صريحة للأسطر الجديدة أو تسلسل السلسلة النصية عبر الأسطر. وكان ذلك مطوّلًا وعرضة للأخطاء.

const old = "Line 1\nLine 2\nLine 3"
console.log(old)

تمتد القوالب النصية عبر الأسطر

يمكن أن يحتوي القالب النصي المكتوب باستخدام علامات backtick على فواصل أسطر حقيقية في الشيفرة المصدرية. ويصبح كل سطر جديد تكتبونه سطرًا جديدًا في السلسلة النصية.

يعيد المثال القابل للتشغيل إنتاج الناتج نفسه باستخدام تسلسلات الهروب.

const text = "First\nSecond\nThird"
console.log(text)

يُحافَظ على المسافات البيضاء

يُحتفظ بالمسافات البادئة والفواصل داخل القالب متعدد الأسطر تمامًا كما كُتبت. وهذا مهم عند إنشاء ناتج منسّق.

const block = "  indented\n    more indented"
console.log(block)

إنشاء الفقرات

تفيد السلاسل متعددة الأسطر في فقرات النصوص أو أجسام رسائل البريد الإلكتروني أو القوالب. وننشئ هنا رسالة قصيرة.

const msg = "Dear user,\n\nThank you for joining.\n\nBest regards"
console.log(msg)

عدّ الأسطر

يمكنكم تقسيم السلسلة متعددة الأسطر عند محرف السطر الجديد لعدّ الأسطر الفردية أو معالجتها.

const text = "a\nb\nc\nd"
const lines = text.split("\n")
console.log("Lines: " + lines.length)

الضم في سلسلة متعددة الأسطر

يمكن ضم مصفوفة من الأسطر باستخدام فاصل للسطر الجديد لإنشاء سلسلة متعددة الأسطر برمجيًا.

const parts = ["one", "two", "three"]
console.log(parts.join("\n"))

الدمج مع الاستيفاء

يمكن أن تحتوي القوالب متعددة الأسطر أيضًا على عناصر نائبة، فتجمع بين القيم الديناميكية وفواصل الأسطر. يستخدم المثال التسلسل لإظهار النتيجة.

const name = "Sam"
const body = "Hello " + name + ",\nWelcome aboard."
console.log(body)

علامات الجدولة والمحارف الخاصة

يمكنكم تضمين محارف الجدولة باستخدام تسلسل الهروب الخاص بعلامة الجدولة، حتى داخل السلاسل متعددة الأسطر لمحاذاة الأعمدة.

const table = "Name\tAge\nAlice\t30\nBob\t25"
console.log(table)

إزالة الأسطر الزائدة

قد تحتوي السلاسل متعددة الأسطر أحيانًا على أسطر فارغة في بدايتها أو نهايتها. يزيل أسلوب trim المسافات البيضاء المحيطة، بما فيها فواصل الأسطر.

const raw = "\n\nHello\n\n"
console.log("[" + raw.trim() + "]")

إنشاء نص الشيفرة

تفيد السلاسل متعددة الأسطر في إخراج مقاطع من الشيفرة المصدرية أو الإعدادات كنص.

const code = "function add(a, b) {\n  return a + b\n}"
console.log(code)

الانتباه إلى طول السطر

تذكّروا أن القالب متعدد الأسطر يتضمن كل سطر جديد تكتبونه. وقد تؤدي فواصل الأسطر غير المقصودة إلى إضافة مسافات بيضاء غير متوقعة، لذا نسّقوا النص بعناية.

const a = "no break here and here"
console.log(a.length)

تحقّق سريع

اختبروا فهمكم للسلاسل متعددة الأسطر.

مراجعة

مراجعة: تتيح القوالب النصية كتابة نص متعدد الأسطر فعليًا.

تصبح أسطر المصدر الجديدة أسطرًا جديدة في السلسلة النصية
يُحافَظ على المسافات البيضاء تمامًا
ادمجوها مع الاستيفاء لإنشاء كتل ديناميكية
استخدموا split وjoin لمعالجة الأسطر

console.log("Line A\nLine B")

الأسئلة الشائعة

هل درس «السلاسل النصية متعددة الأسطر» مجاني؟

نعم — نص درس «السلاسل النصية متعددة الأسطر» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة JavaScript Academy، انتقل إلى CoddyKit PRO. تتضمن دورة JavaScript Academy 4 دروس في المجموع.

ماذا ستتعلم في «السلاسل النصية متعددة الأسطر»؟

اكتبوا نصوصًا متعددة الأسطر سهلة القراءة دون محارف الهروب. تتمرن على JavaScript Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.

هل أحتاج إلى خبرة سابقة لأبدأ JavaScript Academy؟

لا تُشترط خبرة سابقة. JavaScript Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 2 من أصل 4.

كم من الوقت يستغرق درس «السلاسل النصية متعددة الأسطر»؟

معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.

هل يمكنني كتابة وتشغيل أكواد في درس JavaScript Academy هذا؟

نعم. كل درس في JavaScript Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.

جميع الدروس في هذه الدورة

← العودة إلى JavaScript Academy