شرح أنواع البيانات للمبتدئين في JavaScript (Data Types)

شرح أنواع البيانات للمبتدئين
في JavaScript
(Data Types)
مقدمة
بعد أن تعلمنا كيفية إنشاء المتغيرات باستخدام let وconst، حان الوقت للتعرف على أنواع البيانات (Data Types) في JavaScript.
عندما ننشئ متغيرًا، فإننا لا نخزن مجرد قيمة، بل نخزن قيمة لها نوع معين. معرفة نوع البيانات يساعدك على كتابة أكواد صحيحة وتجنب الكثير من الأخطاء أثناء البرمجة.
في هذا الدرس سنتعرف على أشهر أنواع البيانات التي ستستخدمها باستمرار.
ما هي أنواع البيانات؟
نوع البيانات هو نوع القيمة المخزنة داخل المتغير.
على سبيل المثال:
let age = 18;
القيمة 18 هي رقم، لذلك نوع البيانات هو Number.
أما إذا كتبنا:
let name = "Hisham";
فالقيمة عبارة عن نص، ولذلك نوع البيانات هو String.
أولًا: String (النصوص)
يستخدم لتخزين النصوص والكلمات والجمل.
مثال:
let name = "Hisham";
let city = "Cairo";
console.log(name);
console.log(city);
يمكن كتابة النص بين علامتي اقتباس مزدوجتين (" ") أو مفردتين (' ').
ثانيًا: Number (الأرقام)
يستخدم لتخزين الأعداد الصحيحة والعشرية.
مثال:
let age = 18;
let price = 99.99;
console.log(age);
console.log(price);
يمكن إجراء العمليات الحسابية على هذا النوع بسهولة.
ثالثًا: Boolean (القيم المنطقية)
له قيمتان فقط:
true
false
ويستخدم كثيرًا في المقارنات والشروط.
مثال:
let isStudent = true;
console.log(isStudent);
رابعًا: Undefined
يظهر عندما تنشئ متغيرًا بدون إعطائه قيمة.
مثال:
let x;
console.log(x);
الناتج:
undefined
خامسًا: Null
يمثل عدم وجود قيمة بشكل مقصود.
مثال:
let user = null;
console.log(user);
معرفة نوع البيانات باستخدام typeof
توفر JavaScript الكلمة المفتاحية typeof لمعرفة نوع أي قيمة.
مثال:
let name = "Hisham";
let age = 18;
let isStudent = true;
console.log(typeof name);
console.log(typeof age);
console.log(typeof isStudent);
الناتج:
string
number
boolean
أمثلة متنوعة
let language = "JavaScript";
let version = 2025;
let passed = true;
let score;
let data = null;
متى نستخدم كل نوع؟
String: لتخزين النصوص والأسماء.
Number: لتخزين الأرقام والعمليات الحسابية.
Boolean: لتخزين حالات مثل نعم/لا أو صحيح/خطأ.
Undefined: عندما لا تكون هناك قيمة بعد.
Null: عندما تريد التعبير عن عدم وجود قيمة عمدًا.
أخطاء شائعة
1. كتابة النص بدون علامات اقتباس
خطأ:
let name = Hisham;
الصحيح:
let name = "Hisham";
2. الخلط بين Number وString
let age = "18";
هنا القيمة نص وليست رقمًا.
أما:
let age = 18;
فهنا القيمة رقم.
| نوع البيانات | الاستخدام | مثال | الناتج من typeof |
|---|---|---|---|
| String | تخزين النصوص والكلمات والجمل | "Hisham" | string |
| Number | تخزين الأرقام الصحيحة والعشرية | 18 أو 99.99 | number |
| Boolean | تخزين القيم المنطقية (صح أو خطأ) | true أو false | boolean |
| Undefined | متغير تم إنشاؤه بدون قيمة | ;let x | undefined |
| Null | قيمة فارغة يتم تحديدها بشكل مقصود | null | object* |
خلاصة الدرس
تعلمنا في هذا الدرس:
ما المقصود بأنواع البيانات.
أنواع البيانات الأساسية في JavaScript.
كيفية استخدام typeof.
الفرق بين null وundefined.
أمثلة عملية على كل نوع.
الآن أصبحت تعرف كيف تخزن النصوص، والأرقام، والقيم المنطقية داخل المتغيرات، وهي خطوة أساسية قبل الانتقال إلى العمليات الحسابية والشروط والدوال.
بعد الانتهاء من قراءة الدرس، جرّب الاختبار التفاعلي لتتأكد من فهمك لجميع أنواع البيانات في JavaScript. 🚀
🎯 اختبر نفسك الآن
تهانينا! لقد أنهيت هذا الدرس بنجاح. 🎉
لكن هل فهمت كل ما تعلمته بالفعل؟
لا تكتفِ بالقراءة، بل اختبر معلوماتك من خلال الاختبار التفاعلي الذي صممته خصيصًا لهذا الدرس ضمن سلسلة Hisham Academy.
🧠 مميزات الاختبار:
أسئلة متنوعة تقيس مدى فهمك.
نتيجة فورية بعد الانتهاء.
تصميم بسيط وسريع يعمل على الهاتف والكمبيوتر.
يساعدك على معرفة نقاط القوة والجوانب التي تحتاج إلى مراجعتها.
🔗 ابدأ الاختبار الآن:
ضع هنا رابط الاختبار على GitHub Pages
https://hishamabdulrashid999.github.io/test_1/
📚 تابع الدرس التالي في سلسلة Hisham Academy ولا تنسَ حفظ المقال ومشاركته مع من يريد تعلم برمجة الويب من الصفر.