JavaScript هي لغة برمجة متعددة الاستخدامات تعمل على تشغيل الويب، وتمكن المطورين من إنشاء مواقع ويب تفاعلية وديناميكية. أحد المفاهيم الأساسية في JavaScript، وفي أي لغة برمجة، هو كيفية تخزين البيانات ومعالجتها. لبناء تطبيقات الويب بشكل فعال، من الضروري فهم المتغيرات وأنواع البيانات في JavaScript.

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

---

المتغيرات في جافا سكريبت

ما هو المتغير؟

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

على سبيل المثال، بدلاً من كتابة "John" عدة مرات، يمكنك إسنادها إلى متغير مثل هذا:

let name = "John";
console.log(name);  // Outputs: John

الإعلان عن المتغيرات

في JavaScript، يمكن الإعلان عن المتغيرات باستخدام الكلمات الأساسية var، أو Let، أو const.

1. فار

var هي أقدم طريقة للإعلان عن المتغيرات في JavaScript. ومع ذلك، هناك بعض المشكلات المتعلقة بالنطاق، ولهذا السبب يفضل مطورو JavaScript الحديثون استخدام Let وconst.

var age = 30;
console.log(age);  // Outputs: 30

2. دع

let عبارة عن نطاق كتلة، مما يعني أن المتغير موجود فقط داخل الكتلة التي تم تعريفه فيها (على سبيل المثال، داخل دالة أو حلقة). إنها الطريقة الأكثر استخدامًا للإعلان عن المتغيرات في JavaScript الحديثة.

let city = "New York";
console.log(city);  // Outputs: New York

3. الثابت

const مشابه لـ Let، ولكن يتم استخدامه للإعلان عن المتغيرات التي لن تتغير قيمها. بمجرد تعيين قيمة لمتغير مُعلن باستخدام const، لا يمكن إعادة تعيينه.

const country = "USA";
console.log(country);  // Outputs: USA

// This will throw an error
// country = "Canada";  

تسمية المتغيرات

عند تسمية المتغيرات، ضع القواعد التالية في الاعتبار:

• يمكن أن تحتوي أسماء المتغيرات على أحرف وأرقام وشرطات سفلية (_) وعلامات الدولار ($).
• يجب أن تبدأ بحرف أو شرطة سفلية أو علامة الدولار.
• أسماء المتغيرات حساسة لحالة الأحرف (على سبيل المثال، myVar وmyvar متغيران مختلفان).
• لا يمكن استخدام الكلمات الأساسية لجافا سكريبت (على سبيل المثال، var، Let، if، function) كأسماء للمتغيرات.

التقليد الشائع هو استخدام camelCase لأسماء المتغيرات، مثل myVariableName.

---

أنواع البيانات في جافا سكريبت

تدعم JavaScript أنواع البيانات المختلفة التي تحدد نوع القيمة التي يمكن أن يحملها المتغير. تنقسم أنواع البيانات إلى فئتين:

• أنواع البيانات الأولية
• أنواع البيانات غير البدائية (المرجعية)

أنواع البيانات البدائية

أنواع البيانات الأولية هي أكثر أنواع البيانات الأساسية في JavaScript. وهي تشمل:

1.

سلسلة

تستخدم السلاسل لتمثيل البيانات النصية. وهي محاطة بعلامات اقتباس — إما مفردة (')، أو مزدوجة (")، أو علامتي تنصيص خلفيتين (`).

Let Greeting = "مرحبا بالعالم!"; Let AnotherGreeting = 'مرحبًا!'; console.log(greeting); // المخرجات: مرحبًا بالعالم!

let greeting = "Hello, World!";
let anotherGreeting = 'Hi there!';
console.log(greeting);  // Outputs: Hello, World!

2.

الرقم

يمثل نوع البيانات الرقمية كلا من الأعداد الصحيحة وأرقام الفاصلة العائمة (أي الكسور العشرية).

دع السن = 25؛ // عدد صحيح دع السعر = 99.99؛ // رقم الفاصلة العائمة

let greeting = "Hello, World!";
let anotherGreeting = 'Hi there!';
console.log(greeting);  // Outputs: Hello, World!

3.

منطقية

تمثل القيم المنطقية القيم المنطقية - صواب أو خطأ. وغالبا ما تستخدم في البيانات الشرطية والمقارنات.

Let isLoggedIn = true; Let hasAccess = false;

let greeting = "Hello, World!";
let anotherGreeting = 'Hi there!';
console.log(greeting);  // Outputs: Hello, World!

4.

غير محدد

عندما يتم الإعلان عن متغير ولكن لم يتم تعيين قيمة له، تتم تهيئته تلقائيًا بقيمة غير محددة.

دع myVar؛ console.log(myVar); // المخرجات: غير محددة

let greeting = "Hello, World!";
let anotherGreeting = 'Hi there!';
console.log(greeting);  // Outputs: Hello, World!

5.

خالية

يمثل null قيمة فارغة أو غير موجودة بشكل واضح. يتم استخدامه عندما تريد الإشارة إلى أن المتغير يجب ألا يكون له قيمة.

دع فارغةValue = null;

let greeting = "Hello, World!";
let anotherGreeting = 'Hi there!';
console.log(greeting);  // Outputs: Hello, World!

6.

الرمز

الرموز هي قيم فريدة وغير قابلة للتغيير، تُستخدم عادةً لإنشاء مفاتيح خصائص فريدة للكائنات. على الرغم من عدم استخدامها بشكل شائع من قبل المبتدئين، إلا أنها مفيدة في التطبيقات المتقدمة.

دع الرمز 1 = الرمز ("الوصف")؛

let greeting = "Hello, World!";
let anotherGreeting = 'Hi there!';
console.log(greeting);  // Outputs: Hello, World!

7.

بيج إنت

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

دع bigNumber = BigInt(123456789012345678901234567890);

let greeting = "Hello, World!";
let anotherGreeting = 'Hi there!';
console.log(greeting);  // Outputs: Hello, World!

أنواع البيانات غير البدائية (المرجعية).

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

1.

الكائن

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

دع الشخص = { الاسم: "جون"، العمر: 30, الطالب: خطأ }; console.log(person.name); // المخرجات: جون

let greeting = "Hello, World!";
let anotherGreeting = 'Hi there!';
console.log(greeting);  // Outputs: Hello, World!

2.

المصفوفة

المصفوفات هي مجموعات مرتبة من القيم (العناصر). يمكن للمصفوفات تخزين قيم متعددة في متغير واحد، ويمكن أن تكون القيم من أي نوع بيانات.

دع الفواكه = ["Apple"، "Banana"، "Cherry"]؛ console.log(fruits[1]); // المخرجات: الموز

let greeting = "Hello, World!";
let anotherGreeting = 'Hi there!';
console.log(greeting);  // Outputs: Hello, World!

3.

الوظيفة

الوظائف عبارة عن كتل من التعليمات البرمجية مصممة لأداء مهمة معينة. في JavaScript، يتم التعامل مع الوظائف نفسها ككائنات، مما يسمح بتمريرها كوسائط أو تخزينها في متغيرات.

وظيفة تحية () { console.log("مرحبا!"); } تحية(); // المخرجات: مرحبًا!

function greet() {
  console.log("Hello!");
}
greet();  // Outputs: Hello!

---

اكتب الإكراه والكتابة الديناميكية

يتم كتابة جافا سكريبت

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

دع متغير = "مرحبا"؛ // المتغير من النوع string المتغير = 42؛ // المتغير الآن من النوع رقم

let variable = "Hello";  // variable is of type string
variable = 42;           // variable is now of type number

بالإضافة إلى ذلك، تقوم JavaScript بإجراء

إجبار النوع، مما يعني أنها ستقوم تلقائيًا بتحويل القيم من نوع إلى آخر عند الضرورة.

console.log("5" 10); // المخرجات: "510" (سلسلة متسلسلة) console.log("5" - 1); // المخرجات: 4 (طرح الأرقام)

let variable = "Hello";  // variable is of type string
variable = 42;           // variable is now of type number

في المثال الأول، تقوم JavaScript بإجبار الرقم 10 على سلسلة وربطه بالرقم "5". في المثال الثاني، تم إدخال الرقم "5" إلى رقم للطرح.

---

خاتمة

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

مع استمرارك في تعلم JavaScript، ستستخدم المتغيرات بشكل متكرر وتعمل مع أنواع البيانات المختلفة لإنشاء تطبيقات ويب تفاعلية وديناميكية. ومن خلال إتقان كيفية التعامل مع أنواع البيانات هذه، ستتمكن من كتابة تعليمات برمجية أكثر كفاءة وفعالية.