مقدمة Strings في JavaScript للمبتدئين: كتابة النصوص ودمجها بشكل صحيح

النصوص موجودة في كل مكان: أسماء المستخدمين، الرسائل، العناوين، البريد الإلكتروني. لذلك فهم Strings في JavaScript أساسي من أول يوم.

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

ما هو String في JavaScript؟

String هو سلسلة أحرف (حروف، أرقام كنص، رموز، مسافات). أي قيمة نصية تكتب بين اقتباس تعتبر String.

قاعدة بسيطة: ما بين اقتباس = نص. حتى لو كان شكله رقماً مثل '123'.

1) كتابة النصوص بعلامات الاقتباس

let name = 'أحمد';
let city = "الرياض";

ماذا يفعل هذا الكود؟ ينشئ متغيرين نصيين بنوعي اقتباس مختلفين.

النتيجة المتوقعة: كلا السطرين صحيحان ويخزنان نصوصاً.

خطأ شائع: فتح اقتباس وعدم إغلاقه فينتج Syntax Error.

2) دمج النصوص باستخدام + (Concatenation)

let firstName = 'محمد';
let lastName = 'علي';
let fullName = firstName + ' ' + lastName;

console.log(fullName); // محمد علي

ماذا يفعل هذا الكود؟ يربط نصين مع مسافة بينهما.

النتيجة المتوقعة: إنشاء نص كامل من أجزاء متعددة.

خطأ شائع: نسيان المسافة بين النصوص فيظهر الاسم ملتصقاً.

3) الطريقة الأحدث: Template Literals

let firstName = 'محمد';
let age = 20;

let message = `أنا ${firstName} وعمري ${age}`;
console.log(message);

ماذا يفعل هذا الكود؟ يدمج النصوص والمتغيرات بسهولة داخل backticks.

النتيجة المتوقعة: جملة واضحة بدون + كثيرة.

خطأ شائع: استخدام اقتباس عادي بدل backticks مع ${}.

4) كتابة اقتباس داخل النص (Escaping)

let text1 = "It's a beautiful day";
let text2 = 'He said: "Hello"';
let text3 = 'It\'s fine';

console.log(text1, text2, text3);

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

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

خطأ شائع: وضع نفس نوع الاقتباس داخل النص بدون escape.

5) String vs Number (خطأ شائع جداً)

console.log('10' + 5);      // '105'
console.log(Number('10') + 5); // 15

ماذا يفعل هذا الكود؟ يوضح الفرق بين الدمج النصي والجمع الحسابي.

النتيجة المتوقعة: وجود String مع + قد يحوّل العملية لدمج نصوص.

خطأ شائع: اعتبار القيم القادمة من input أرقاماً تلقائياً.

Story قصيرة: لماذا ظهر السعر 10050؟

مبتدئ جمع سعرين من input: '100' و'50'. النتيجة كانت 10050 بدل 150. السبب أن القيم نصوص. بعد التحويل إلى Number قبل الجمع، أصبحت النتيجة صحيحة.

let title = 'JavaScript';
let level = 'Beginner';
console.log(title + ' - ' + level);

Checklist سريعة قبل التعامل مع النصوص

• هل النص داخل اقتباس مغلق بشكل صحيح؟
• هل تحتاج + أم template literals للدمج؟
• هل القيمة نص أم رقم؟ افحصها عند الشك.
• هل النص يحتوي اقتباساً داخلياً يحتاج escape؟

روابط المتابعة بعد هذا الدرس

الخطوة التالية مباشرة: أهم String Methods في JavaScript ثم Template Literals في JavaScript.

الأسئلة الشائعة — FAQ (أسئلة بحثية شائعة)

ما هو String في JavaScript؟

هو نوع بيانات للنصوص ويكتب بين اقتباس مفرد أو مزدوج أو backticks.

كيف أدمج النصوص في JavaScript؟

باستخدام + أو عبر template literals باستخدام `...${value}...`.

ما الفرق بين النص والرقم؟

النص يعامل كحروف، والرقم يعامل كقيمة حسابية. وجود نص في + قد يحولها إلى دمج نصي.

كيف أكتب اقتباس داخل النص؟

استخدم نوع اقتباس مختلف أو escape مثل \' و\".

ما الخطوة التالية بعد أساسيات Strings؟

تعلّم methods النصوص مثل length وslice وtoUpperCase للتعامل الاحترافي.

للمتابعة مباشرة: ابدأ بدرس أهم String Methods في JavaScript ثم انتقل إلى Template Literals في JavaScript.