تعلم البرمجة باستخدام JavaScript


الدرس: حفظ البيانات الخاصة بك مع أنواع البيانات


الصفحة السابقة
يتكون المتغير من عدة عناصر. دعنا نكتشف النوع!

ما هو النوع؟



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

  • number (عدد) ؛
  • string  (سلسلة أحرف) ؛
  • boolean  (قيمة منطقية).
ما هو النوع الاولية؟

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

في حين أنه ليس من الضروري التصريح عن نوع المتغير في JavaScript (المزيد حول هذا لاحقًا) ، من المهم فهم وجودها وأهميتها.

تعرف على النوع " number "


جميع المتغيرات التي قمت بإنشائها حتى الآن في هذه الدورة التدريبية كانت من النوع   number  (عدد ، باللغة العربية ). كما رأيت ، يمكن التلاعب بها بعدة طرق.

يمكن أن تكون متغيرات النوع     Number   موجبة أو سالبة. يمكن أن تكون أيضًا أعدادًا صحيحة (1 ، 2 ، 3 ، إلخ) أو كسور عشرية (1.4 ؛ 67.34 ؛ إلخ).

في البرمجة ، تسمى الأعداد الصحيحة   integers ؛ الأرقام ذات الفاصلة العشرية تسمى أيضًا أرقامًا في الفاصلة العائمة floating-point .

احترس من حساب النقطة العائمة!


يمكن أن يؤدي حساب الفاصلة العائمة إلى حدوث أخطاء مزعجة للغاية في جميع لغات البرمجة:


let integerCalculation = 1 + 2;  // donne 3

 

let weirdCalculation = 0.1 + 0.2;  // ننتظر 0.3 ، لكن في الحقيقة هي 0.30000000000000004
 
كلما أمكن ، استخدم حسابات الأعداد الصحيحة بدلاً من ذلك (لحساب السعر ، على سبيل المثال ، يمكنك الحساب بالسنت ، وليس اليورو أو الدولار).

افهم القيم المنطقية


القيم المنطقية (booleans) هي أبسط الأنواع الاولية: يمكن أن تحتوي على قيمتين فقط ،    true  أو    false  (صواب أو خطأ) . يمكن استخدامها في جميع أنواع الحالات: للإشارة إلى ما إذا كان المستخدم قد قام بتسجيل الدخول أم لا ، أو ما إذا تم تحديد المربع أم لا ، أو ما إذا تم استيفاء مجموعة من الشروط الخاصة.

يمكن أن تحتوي متغيرات النوع المنطقي على واحدة من قيمتين     true  أو    false  .


let userIsSignedIn = true;

 

let userIsAdmin = false;
 

اكتشف السلاسل



سلاسل الأحرف (سلاسل أو strings في اللغة الإنجليزية) هي طريقة لحفظ النص في متغيرات جافا سكريبت. يمكنك تخزين أي سلسلة من الأحرف في متغير سلسلة ، بدءًا من حرف واحد إلى عدد كبير جدًا من الأحرف (أكثر من 134 مليون ، حتى في المتصفحات القديمة).

متغيرات سلسلة النوع محاطة بعلامات اقتباس مفردة أو مزدوجة  '  أو    "  :


let firstName = "Will";

 

let lastName = 'Alexander';
 
السلاسل يمكن أيضا أن تكون متصلةً (إلحاق في نهاية بعضها البعض) بفضل المشغل + :

let wholeName = firstName + " " + lastName;  // valeur: "Will Alexander"
 
لقد كان من الممكن لبضع سنوات استخدام كتابة جديدة تبسط تسلسل المتغيرات وسلاسل الأحرف: string interpolation. لإنشاء سلسلة استيفاء ، نكتب نصًا محاطًا بالعلامة   ’  وإذا أردنا إدخال متغير في هذا الرمز ، فإننا نستخدم التعبير  ${maVariable} . 

مثال خير من الخطب الطويلة:


const myName = 'Alexander';

const salutation = ’Bienvenue sur mon site ${myName}!’;

console.log(salutation);   // “Bienvenue sur mon site Alexander!” 
 
هناك عوامل تشغيل أخرى أكثر تقدمًا للسلاسل ؛ سوف نستكشفها في الفصول التالية.

الممارسة مع أنواع بيانات


JavaScript
تدرب على الأنواع الاولية من الأرقام والسلاسل والقيم المنطقية باستخدام تمرين CodePen هذا . 

الآن بعد أن أكملت مكون السلسلة ، حان الوقت للعمل على مكون الحلقات الفردية.

سيعرض هذا المكون عنوان الحلقة ومدتها بالدقائق وما إذا كان المستخدم قد شاهد الحلقة بالفعل أم لا.

  1. قم بإنشاء متغير مسمى   episodeTitle  يحتوي على سلسلة تتوافق مع عنوان الحلقة الخاصة بك (استخدم إبداعك!).
  2. قم بإنشاء متغير يسمى   episodeDuration  يحتوي على رقم يتوافق مع طول الحلقة الخاصة بك بالدقائق.
  3. أخيرًا ، قم بإنشاء متغير منطقي مسمى    hasBeenWatched  يشير إلى ما إذا كان المستخدم قد شاهد الحلقة بالفعل أم لا.
تحقق مما إذا كان المكون يعمل بشكل صحيح. لا تتردد في تعديل قيمك للتحقق من أن المكون يتفاعل كما هو متوقع. تذكر أن الكود الخاص بك سينتقل بين تعليقات "===" في التمرين.

الحل المقترح


هل انتهيت ؟  هنا CodePen جديد مع حل للتمرين.

فهم الأنواع في JavaScript



JavaScript هو نوع ديناميكي ، لغة انواع ضعيفة الكتابة . هذا يعني أنه يمكنك تهيئة متغير كرقم ثم إعادة تعيينه كسلسلة أو أي نوع آخر من المتغيرات. يوفر هذا مرونة كبيرة ، ولكن يمكن أن يؤدي أيضًا إلى سلوك غير متوقع إذا كنت تعمل بلا مبالاة.

المغزى من القصة: احذر من أنواع المتغيرات الخاصة بك ، وبشكل عام ، استخدم الثوابت كلما أمكن ذلك.

باختصار



في هذا الفصل ، تعرفت على أنواع البيانات الأساسية الثلاثة في JavaScript :

  • number (عدد) ؛
  • string  (سلسلة أحرف) ؛
  • boolean  (قيمة منطقية).
هناك أنواع أخرى أكثر تعقيدًا من البيانات.

سنبدأ في إلقاء نظرة على نوع مفيد للغاية في الفصل التالي: الكائنات(objects).

من الناحية الفنية، وهناك ثلاثة أنواع البيانات البدائية الأخرى في جافاسكريبت:    null   ،     undefined  و     symbol  . سوف تصادف الأولين في هذه الدورة ، لكن الرموز ستسقط من الموضوع. لمعرفة المزيد ، راجع مستندات MDN لمعرفة الأنواع.