هذا الدرس من الدورة التدريبية: تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript

الدرس: المتغيرات وانواع البيانات Variables & Data Types

المدة: 63 دقائق

وصف الدرس

أنواع البيانات في JavaScript: دليل شامل

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

أنواع البيانات في JavaScript

JavaScript تدعم أنواع بيانات متعددة تشمل الأعداد (Int)، النصوص (String)، القيم المنطقية (Boolean)، المصفوفات (Array)، والكائنات (Object). دعونا نلقي نظرة على كل نوع بيانات مع أمثلة عملية.

الجزء الأول: المتغيرات

تعريف المتغيرات في JavaScript

JavaScript توفر ثلاث كلمات أساسية لتعريف المتغيرات: var، let، و const. كل كلمة منها لها استخدامات مختلفة وخصائص معينة تساعد في التحكم بطريقة تعامل البرنامج مع البيانات. دعونا نستعرض كل منها بالتفصيل.

استخدام `var` في JavaScript

الكلمة الأساسية var كانت الطريقة التقليدية لتعريف المتغيرات قبل تقديم ES6. يمكن تعريف نفس المتغير عدة مرات باستخدام var، كما يمكن إعادة تعيين قيمته بحرية.

// var 

var age = 22; // تعريف المتغير

var age = 122; // إعادة تعريف المتغير

age = 20202; // إعادة تعيين قيمة المتغير

في المثال أعلاه، نلاحظ أنه يمكن إعادة تعريف المتغير age باستخدام var، وهو ما قد يؤدي إلى بعض المشكلات إذا لم يتم الانتباه لذلك.

استخدام `let` في JavaScript

مع تقديم ES6، تم تقديم الكلمة الأساسية let لتعريف المتغيرات بطريقة أكثر أمانًا. باستخدام let، لا يمكن إعادة تعريف المتغير في نفس النطاق، ولكن يمكن إعادة تعيين قيمته.

// let 

let year = 2021; // تعريف المتغير

year = 2022; // إعادة تعيين قيمة المتغير

في المثال أعلاه، لا يمكننا إعادة تعريف المتغير year باستخدام let في نفس النطاق، ولكن يمكننا تغيير قيمته.

استخدام `const` في JavaScript

الكلمة الأساسية const تُستخدم لتعريف الثوابت التي لا يمكن تغيير قيمتها بعد تعريفها. هذه الطريقة مفيدة لتعريف القيم التي لا ينبغي أن تتغير طوال فترة تنفيذ البرنامج.

// const

const birthDate = 2000; // تعريف الثابت

console.log(birthDate);

// محاولة إعادة تعيين قيمة الثابت ستؤدي إلى خطأ
// birthDate = 122; // #### خطأconsole.log(birthDate);

في المثال أعلاه، نلاحظ أن محاولة إعادة تعيين قيمة الثابت birthDate ستؤدي إلى خطأ، مما يضمن أن قيمة الثابت لا تتغير.

الجزء الثاني: أنواع البيانات الأساسية

الأعداد (Int)

الأعداد في JavaScript تُستخدم لتمثيل القيم العددية سواء كانت صحيحة أو عشرية.

// الأعداد

var age = 22;

var year = 2021;

var birthDate = 2000;

في المثال أعلاه، قمنا بتعريف ثلاث متغيرات عددية هي age، year، و birthDate.

النصوص (String)

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

// النصوص

var message = 'Hello World!';

console.log(message, typeof message);

var message_2 = "Hello Javascript";
console.log(message_2, typeof message_2);var message_3 = `Hello From another string template`;
console.log(message_3, typeof message_3);

في المثال أعلاه، قمنا بتعريف ثلاث متغيرات نصية هي message، message_2، و message_3.

القيم المنطقية (Boolean)

القيم المنطقية تُستخدم لتمثيل حالتين فقط: true أو false.

// القيم المنطقية

var arabicTutrial = true; // 1

console.log(arabicTutrial, typeof arabicTutrial);

var sportRewards = false; // 0
console.log(sportRewards, typeof sportRewards);

في المثال أعلاه، قمنا بتعريف متغيرين منطقيين هما arabicTutrial و sportRewards.

الجزء الثالث: المصفوفات والكائنات

المصفوفات (Array)

المصفوفات تُستخدم لتخزين مجموعة من القيم في متغير واحد. يمكن أن تحتوي المصفوفات على أنواع بيانات مختلفة.

// المصفوفات

var friends = [

'Ali', // الفهرس 0 

'Ahmed', // الفهرس 1

'Mahmoud' // الفهرس 2

];

console.log(friends, typeof friends);
console.log(friends[1]); // Ahmedvar array = [
'JS',
222,
true,
true,
true,
false,
function () {},
{ name: 'Ali' },
null // لا قيمة
];
console.log(array);

في المثال أعلاه، قمنا بتعريف مصفوفة friends تحتوي على أسماء الأصدقاء، ومصفوفة array تحتوي على أنواع بيانات متعددة.

الكائنات (Object)

الكائنات تُستخدم لتخزين بيانات أكثر تعقيداً حيث يمكن أن تحتوي على خصائص وقيم متعددة.

// الكائنات

var car = {

name: "BMW x6",

ceil_opened: true,

doors: 4

};

console.log(car, typeof car);
console.log(car.name, typeof car.name);
console.log(car.doors, typeof car.doors);
console.log(car.ceil_opened, typeof car.ceil_opened);

في المثال أعلاه، قمنا بتعريف كائن car يحتوي على خصائص name، ceil_opened، و doors.

مثال على استخدام الكائنات والمصفوفات

var cars = [ // مصفوفة باسم cars

{

model: 'BMW X1',

doors: 2,

ceil_open: true,

doors: 4

},

{

model: 'BMW X2',

doors: 2,

ceil_open: true,

doors: 4

},

{ // الفهرس 2

model: 'BMW X3',

doors: 2,

ceil_open: true,

doors: 4

}

];

console.log(cars[2]);
cars[2].doors = 2;console.log('السيارة في الفهرس رقم 2 تحتوي على', cars[2].doors, 'أبواب');

var sored_cars = cars;
sored_cars[2] = true;
console.log('السيارة في الفهرس رقم 2 تحتوي على', cars[2].doors, 'أبواب');
console.log(cars[2]);

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

خاتمة

في هذا الدرس، استعرضنا أنواع البيانات المختلفة في JavaScript وكيفية استخدامها. الأعداد، النصوص، القيم المنطقية، المصفوفات، والكائنات هي أساسيات التعامل مع البيانات في JavaScript. فهم هذه الأنواع يساعدك في كتابة كود أكثر كفاءة وفعالية. إذا كانت لديك أي أسئلة أو تعليقات، فلا تتردد في تركها أدناه!

الفيديوهات

سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات

فيديو الدرس التعليمي المتغيرات وانواع البيانات Variables & Data Types

المصادر

سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و المصادر

الأوامر البرمجية المستخدمة

ملحقات ال PDF

الدروس والاختبارات لتعلم هذه الدورة التدريبية : تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript

للوصول إلى الفيديوهات والمصادر والملحقات الدراسية للمواد التعليمية لدراسة برنامج تعلم لغة جافاسكربت JavaScript لبرمجة التطبيقات وتطوير صفحات الويب التفاعلية

الوصول على جميع الأجهزة

وصول مدى الحياة

شهادة أوروبية لإتمام الدراسة

ا لحصول على شهادة دبلوم موثقة

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

ابدأ التعلم

المتغيرات وانواع البيانات Variables & Data Types

هذا الدرس من الدورة التدريبية: تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript

الدرس: المتغيرات وانواع البيانات Variables & Data Types

أنواع البيانات في JavaScript: دليل شامل

أنواع البيانات في JavaScript

الجزء الأول: المتغيرات

تعريف المتغيرات في JavaScript

استخدام `var` في JavaScript

استخدام `let` في JavaScript

استخدام `const` في JavaScript

الجزء الثاني: أنواع البيانات الأساسية

الأعداد (Int)

النصوص (String)

القيم المنطقية (Boolean)

الجزء الثالث: المصفوفات والكائنات

المصفوفات (Array)

الكائنات (Object)

مثال على استخدام الكائنات والمصفوفات

خاتمة

فيديو الدرس التعليمي المتغيرات وانواع البيانات Variables & Data Types

الأوامر البرمجية المستخدمة

تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript

روابط مفيدة

وسائل الاتصال

وصول سريع

البورد

وسائل الدفع الأكثر آماناً

البورد الأوروبي © 2024 . جميع الحقوق محفوظة | خريطة الموقع

إضافة اختصار للوصول إلى تطبيق البورد الأوروبي

المتغيرات وانواع البيانات Variables & Data Types

هذا الدرس من الدورة التدريبية: تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript

الدرس: المتغيرات وانواع البيانات Variables &#038; Data Types

أنواع البيانات في JavaScript: دليل شامل

أنواع البيانات في JavaScript

الجزء الأول: المتغيرات

تعريف المتغيرات في JavaScript

استخدام var في JavaScript

استخدام let في JavaScript

استخدام const في JavaScript

الجزء الثاني: أنواع البيانات الأساسية

الأعداد (Int)

النصوص (String)

القيم المنطقية (Boolean)

الجزء الثالث: المصفوفات والكائنات

المصفوفات (Array)

الكائنات (Object)

مثال على استخدام الكائنات والمصفوفات

خاتمة

فيديو الدرس التعليمي المتغيرات وانواع البيانات Variables & Data Types

الأوامر البرمجية المستخدمة

تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript

القسم: القسم الأول اللغة Language

الدرس الحالي: المتغيرات وانواع البيانات Variables & Data Types

القسم: القسم الثاني الأدوات الشرطية Conditions

القسم: القسم الثالث إنشاء الدوال والوظائف البرمجية Holders

القسم: القسم الرابع التعامل مع البيانات Data

القسم: المصفوفات Array

القسم: الكائنات Objects

القسم: السلاسل النصية Strings

القسم: القسم الخامس الحلقات التكرارية Loops

القسم: القسم السادس التحكم في واجهة المستخدم DOM

القسم: المستوي السابع متصفح وصفحة الويب BOM

القسم: المستوي الثامن الأحداث Events

القسم: المستوي التاسع هيكلية قواعد البيانات والاتصال مع خوادم الويب JSON & Apis

دورات تدريبية أخرى في برمجة

مقالات ذات صلة

روابط مفيدة

وسائل الاتصال

وسائل الدفع الأكثر آماناً

إضافة اختصار للوصول إلى تطبيق البورد الأوروبي

الدرس: المتغيرات وانواع البيانات Variables & Data Types

استخدام `var` في JavaScript

استخدام `let` في JavaScript

استخدام `const` في JavaScript