EchoScribe - مقالات تقنية للمبتدئين والمحترفين

📦 أنواع البيانات في JavaScript بطريقة سهلة جدًا

JavaScript من أشهر لغات البرمجة في العالم، ودي بتتعامل مع أنواع مختلفة من البيانات. لو عايز تكون مبرمج كويس، لازم تعرف الأنواع دي كويس جدًا عشان تقدر تكتب أكواد سليمة.

في المقال ده هنكلمك عن أنواع البيانات في JavaScript بالطريقة السهلة والبسيطة، هنتعرف على كل نوع، أمثلته، وأماكن استخدامه. يعني لو مبتدئ، أو حتى لو عندك شوية خبرة، هتلاقى المقال ده مفيد ليك.

🔢 أولاً: أنواع البيانات البدائية (Primitive Types)

الـ Primitive Types هي الأنواع الأساسية اللي JavaScript بتتعامل معاها مباشرة. الأنواع دي بسيطة، وبتكون قيمها ثابته.

• Number - الأرقام: سواء كانت أرقام صحيحة (Integer) زي 5، أو أرقام عشرية (Float) زي 3.14.
• String - النصوص: هي عبارة عن مجموعة من الحروف زي "أهلاً"، "مبتدئ"، 'JavaScript'.
• Boolean - نوعين فقط: true (صح) أو false (غلط).
• Undefined - لما تكون قيمة المتغير مش محددة. زي لما تعلن عن متغير من غير ما تعطيه قيمة، JavaScript هتحطله قيمة تلقائيًا هي undefined.
• Null - ده بيكون نوع فاضي، مش زي undefined لأنه بيكون متعمد إنك تحط فيه قيمة فارغة.
• BigInt - دا مخصص للأرقام الكبيرة جدًا، زي الأرقام اللي أكبر من 2^53.
• Symbol - نوع خاص جدًا مش هنحتاجه لحد دلوقتي كمبتدئين.

📦 مثال على أنواع البيانات البدائية:

let age = 23; // Number
let name = "عبدالفتاح"; // String
let isStudent = true; // Boolean
let address; // Undefined
let nothing = null; // Null

إزاي بتستخدم الأنواع دي؟ مثلًا لو حبيت تشيك إذا المستخدم شاب ولا كبير:

if (age > 18) {
    console.log("أنت كبير!");
} else {
    console.log("أنت صغير!");
}

🧳 ثانيًا: أنواع البيانات الكُبيرة (Non-Primitive Types)

أما بالنسبة لـ Non-Primitive Types فهي الأنواع المعقدة أكتر واللي بتحتوي على بيانات أكتر من قيمة واحدة.

• Object - ده كائن بيجمع بيانات مع بعض في هيكل منظم. يعني بدل ما تستخدم أكتر من متغير للبيانات دي، تقدر تجمعها في Object واحد.
• Array - ده عبارة عن مجموعة من البيانات المرتبة. ممكن تكون الأرقام، النصوص، أو حتى الكائنات.
• Function - الدالة هي قطعة كود بتنفذ حاجة معينة وتقدر تستخدمها أكتر من مرة.

📦 مثال على Non-Primitive Types:

let person = { name: "أحمد", age: 30 }; // Object
let fruits = ["تفاح", "موز", "عنب"]; // Array
function sayHello() {
  console.log("أهلاً بيك في JavaScript!");
} // Function

دلوقتي خليني أديك مثال عملي: لو كنت عايز تشوف لو الشخص في الـ person object عنده نفس السن زي شخص تاني، هتعمل كده:

let otherPerson = { name: "محمد", age: 30 };
if (person.age === otherPerson.age) {
    console.log("السن متطابق!");
} else {
    console.log("السن مختلف.");
}

📌 الفرق بين null و undefined

دي نقطة كتير من المبتدئين بيتلخبطوا فيها. الفرق ببساطة كده:

• undefined بيحصل لما متغير ما ياخدش قيمة. يعني لو عملت متغير من غير ما تعطيه قيمة أولية.
• null بيكون فاضي متعمد. يعني أنت حددت المتغير عشان يكون فارغ.

💥 أمثلة أخطاء شائعة بسبب أنواع البيانات

فيه أخطاء ممكن تقع فيها لو مش فهمت أنواع البيانات صح. زي:

• مقارنة String مع Number:

  let num = 5;
  let str = "5";
  if (num == str) {
      console.log("متساويين!"); // صح، لكن الحقيقية المفروض نكون دقيقين في المقارنة
  }
  

هنا هو هيتعامل مع الرقم 5 والنص "5" زي بعض، لكن في الواقع لازم نكون دقيقين.

• عدم التفريق بين null و undefined:

  let var1;
  let var2 = null;
  if (var1 == var2) {
      console.log("مساويين؟");
  }
  

في المثال ده undefined و null هيتعاملوا كأنهم نفس الحاجة.

🚀 خلاصة الموضوع:

إنت دلوقتي فاهم الـ Primitive Types زي الأرقام والنصوص، وكمان الأنواع الكُبيرة زي الكائنات والقوائم. لازم تعرف الفرق بين null و undefined عشان تكتب كود سليم بدون أخطاء.

🔖 هاشتاجات تساعد في الظهور:

#برمجة_بالعربي #JavaScript_للمبتدئين #أنواع_البيانات #Data_Types_JS

اقرا ايضاGitHap: ما هو وما هي 10 مميزات تجعله أداة أساسية في تطوير البرمجيات

اقرا ايضااستخدام Animation في CSS لتحسين تجربة المستخدم وإضافة جاذبية للموقع.

اقرا ايضاSwiperJS: تعرف على مكتبة الـ JavaScript القوية لإنشاء عروض تقديمية متحركة بطريقة سهلة وجذابة

اقرا ايضاأنواع الـ Input في لغة HTML وكيفية استخدامها

#تعلم_برمجة #جافاسكريبت_ببساطة #كود_سهل #مبتدئين_ويب

📢 تابعنا الجاي:

في المقال الجاي هنتكلم عن حاجة مهمة جدًا لأي مبرمج:
"المتغيرات (Variables) في JavaScript وأنواعها"

خليك متابع وابدأ تعلم البرمجة بشكل سهل ومجاني 😉