سنتناقش فى هذا الفصل أنواع البيانات فى JavaScript والخصائص الموجودة بها، مع بعض الأمثلة التوضيحية.

 

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

 

هناك عدة أنواع مختلفة من البيانات يمكننا تخزينها في المتغيرات:

  1. Numbers.
  2. Strings.
  3. Booleans.
  4. Arrays.
  5. Objects.
  6. Undefined.
  7. Null.

 

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

 

مثال للتوضيح:

// Number Example
var counter = 20;

// String Example
var myName  = "Hamed Essam";

// Boolean Example
var isVerified = false;

// Array Example
const mtFavouriteCars = ['BMW', 'Bentley', 'Honda', 'Jeep'];

// Object Example
const userInfo = {
    name: 'Mohammed', 
    Email: 'Mohamed2021@gmail.com', 
    age: 30,
}

// Null Example
let name;

// Undefined Example
let name = "";

 

أنواع JavaScript الديناميكية

 

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

let test = "Hamed"; // test is now "string"
test = true;        // test is now "boolean"
test = 20;         // test is now "number"

 

1. الأرقام فى جافا سكريبت – JavaScript Numbers

 

الأرقام فى JavaScript نوع واحد فقط وهي أي عدد صحيح أو رقم عشري تم إنشاؤه في اللغة:

// Integer Number Example
let myAge = 30;

// Decimal number Example
let pi = 3.14;

إذا لدبك أعداد كبيرة/صغيرة جدًا يمكنك إستخدام الأس (exponential) لذلك، كالتالى:

let bigNumber = 2330e3;   // outputs: 2330000 
let smallNumber = 230e-8; // outputs: 0.0000023

 

2. السلاسل فى جافا سكريبت – JavaScript Strings

 

نوع البيانات String يُستخدم لتخزين القيم النصية.

تٌكتب قيم الـ string داخل علامتى اقتباس (مفردة أو مزدوجة)، كالتالى:

let myName = "Hamed Esam";   // By double quotes
let myName = 'Hamed Esam';   // By single quotes

 

3. القيم المنطقية فى جافا سكريبت – JavaScript Booleans

 

Booleans (القيم المنطقية): يمكن أن تحتوي على قيمتين، وهم: true أو false.

غالبًا ما تستخدم القيم المنطقية في الاختبار الشرطي. كالتالى:

let myAge = 30;

if(myAge == 30) { // Returns true
  // do something .....
}       

if(myAge == 20) { // Returns false
  // do something .....
}

سوف تتعلم المزيد عن الاختبار الشرطي If Conditions لاحقًا في الفصول القادمة بإذن الله.

Advertisements

 

4. المصفوفات فى جافا سكريبت – JavaScript Arrays

 

Arrays (المصفوفة) هي كائن واحد يحتوي على قيم متعددة محاطة بأقواس مربعة [] ومفصولة بفواصل ‘,’.

 

مثال للتوضيح:

const myName = ["Hamed", "Essam", "Hamed"];

تستند فهارس (Index) المصفوفة إلى الصفر ، مما يعني أن العنصر الأول هو [0] ، والثاني هو [1] ، وهكذا.

 

5. الكائنات فى جافا سكريبت – JavaScript Objects

 

Object (الكائن): هو هيكل من التعليمات البرمجية التي تمثل كائنًا واقعيًا.

تتم كتابة كائنات جافا سكريبت بأقواس معقوفة {}. كما يتم كتابة خصائص الكائن كـ (name: value)، مفصولة بفواصل ‘ , ‘. كالتالى:

const userInfo = {
    name: 'Mohammed', 
    Email: 'Mohamed2021@gmail.com', 
    age: 30,
}

يحتوي الكائن (userInfo) في المثال أعلاه على 3 خصائص: الاسم والإيميل والعمر.

 

6. القيم الغير معرفة – Undefined

 

المتغير بدون قيمة له قيمة undefined.

يمكن إفراغ أي متغير ، عن طريق ضبط القيمة على undefined أيضًا، كالتالى:

let name; // Value here is undefined!
name = undefined; // Value here is undefined!

 

7. القيم الفارغة – Null Values

 

القيمة الفارغة لا علاقة لها بالمعرف undefined:

let name = "";    // The value is "" and the typeof is "string"

 

نوع المشغل – typeof operator

 

يمكنك استخدام عامل التشغيل typeof للعثور على نوع متغير JavaScript. يُرجع عامل التشغيل typeof نوع متغير أو تعبير، كالتالى:

typeof ""              // Returns "string"
typeof "Hello World!"  // Returns "string"
typeof 3.14            // Returns "number"
typeof 314            // Returns "number"
typeof null === 'object' // Returns "true"

لا تقلق! فى الفصول القادمة سنتناقش كل نوع من هذه الأنواع بشكل منفرد وبالتفصيل.