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

السلام عليكم هنا سنتعرف على انواع المتغيرات والمدخلات في الجافا سكربت

الخاص بالمتغيرات والمدخلات في الجافاسكربت : الكل يعلم ان في لغات البرمجة مدخلات ثم عملية يقوم بها البرنامج وبعدها تحصل

على المخرج

Intro Data ==> Data processing ==> Output Result

في الجافاسكربت هناك 5 انواع من المدخلات

• string
• number
• boolean
• object
• function

وثلاث انواع من الكائنيات

• Object

• Date

• Array

ونوعين من المدخلات التي لا تحوي على اي قيمة

• null

• undefined

typeof "sadik"

// Returns "string" typeof 3.14

 // Returns "number" typeof NaN

 // Returns "number" typeof false

  // Returns "boolean" typeof [1,2,3,4]

// Returns "object" typeof {name:'sadik', age:34}

// Returns "object" typeof new Date()

// Returns "object" typeof function () {}

// Returns "function" typeof myCar

// Returns "undefined" typeof null

 // Returns "object

ستلاحظ ان انواع هذه المدخلات تحتلف من واحدة الى اخرى لذا عندما نريد حجز ها في الذاكرة المؤقتة للحاسوب حتى يتسنى لنا استخدامها لاحقا فاننا نضعها في ما يسمى بالمتغيرات variables قبل الانتقال الى العمل بالمتغيرات سنعطي مثال بسيط عن إستخدام اليومي للمتغيرات في حياتنا اليومية مع حسوبنا العزيز بدون ان نشعر واعني بكلامي عملية النسخ واللصق .....

لابد وانك اخي الكريم قمت على الاقل بعشر عمليات نسخ ولصق في اليوم مستخدما الفارة او لوحة الحاسوب keybord للقيام بذل وان قمت بنسخ امر مختلف فانك تفقد الرابط او النص الذي نسخته قبله ولو قمت باغلاق حاسوبك فانك لن تستطيع ان تجد ما قمت بنسخه سابقا بهذه الطريقة اخي الكريم ايضا تعمل المتغيرات .....

var dr = "John" ; // Returns "string"

var nb = 3.14 ; // Returns "number"

var bb = ""; // Returns "number"

var bol = false; // Returns "boolean"

var aray = [1,2,3,4]; // Returns "object"

var {name:'John', age:34}; // Returns "object"

var time = new Date(); // Returns "object"

var myfunc =function () { Returns 0;} // Returns "function"

var myCar ; // Returns "undefined" *

var null // Returns "object"

المدخلات التي تقوم بحجزها في المتغيرات لديها renge محدد او ما يسمى بمدى محدد يسمح به فكل مدخل لديه renge خاص به ,,, إن سألتني يوما هل معرفة الرنج الخاص بالمدخلات شكل لديك مشكلة اثناء عملك بالبرمجة فجوابي هو لا فمعرفت هذا الرنج او عدم معرفته لن يشكل فارق الا في العمليات الهندسية او برمجة الروبوتات ,,,, سأترك لكم هذا الموضوع لكي تبحثو عليه في العم google فبعض البحث يطور من مهارتكم اصدقائي المبرمجين

التمرين  الاول : 

قم  بكتابة كود حوسبي مستخدما 3 عمليات حوسبية ليكون  الناتج 57 .
مثال  :

console.log((10 * 4) + 5 - 3 );

العملية الحوسبية التالية  ناتجها هو  42

  باستخدام علامات التنصيص يمكنك حشر متغير داخل سرينغ باستخدام علامة  الزائد + 

"Hello" + "guercifzone"

الناتج يكون كالتالي 

Helloguercifzone

 للحصول على  فراغ  بين  الكلمتين عليك ان  تضع سبيس داخل علامتي التنصيص

التمرين  الثاني : 

قم بتحويل درجة حرارة 12 درجة سيليسيوز  الى  الفرلنهايت مستخدما  القاعدة الاساسية : 

F = C x 1.8 + 32

قم بحجز متغير للc ومتغير اخر  للf ثم قم  بالعملية  الحوسبية  للحصول على ناتج التحويلة 

يمكنك اختيار عدد  الحروف او الكلمات التي تضهرها من المتغير بالطريقة  التالية 

var quote = "Stay awhile and listen!";

console.log(quote[6]);

سيظهر لك  الحرفw يمكنك تجربتها على  الكونصول 

هناك ايضا طرق لاظهار سطر جديد او قفزة في السترينك كما  يبين  الجدول  التالي 

Code	Character
\\	\ (backslash)
\"	'' (double quote)
\'	' (single quote)
\n	newline
\t	tab

 ========================

Quiz: Favorite Food (2-3)     

هذا الكويز بسيط جدا طلبو منك انشاء متغير يحمل قيمة string ثم تقوم بطباعتها على

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

لان الجافاسكربت حساسة للأحرف لا تنسى الفاصلة المنقوطة في اخر الجملة البرمجية

Quiz: String Equality for All (2-4)

في هذا الكويز سنقوم بنظرة خاطفة عن المنطقية في لغة الجافاسكربت

باستخدام المقارنة لدينا جملة وهي ALL Strings are CrEaTeD

equal

ولدنيا جملة اخرى هي نفسها All STRINGS are CrEaTED

Equal

ستلاحظ ان الجملة تختلف فقط في الاحرف فهناك احرف كبيرة واحرف صغيرة مختلفة في

كلتا الجملتين هذا الكويز يبين لنا ان محتوى كل من string هو نفسه حتى

لو كانت هناك اختلافات في حجم الاحرف بين كبيرة وصغيرة (ملحوظة نحن هنا نتكلم عن

محتوى متغير من نوع string وليس المتغير

نفسه ان كان المتغير يختلف عن المتغير المحجوز مسبقا فهذا مختلف ) مثلا

حتى ولو كان الاختلاف في حرف واحد ،على العموم ارجو ان تكون الفكرة

قد وصلت

var

sadik ; is not var Sadik;

Quiz: All Tied Up (2-5)

في هذا الكويز سنتعلم طريقة لجعل string تقفز سطر

باستخدام /n هذا الحرف لديه عمل واحد وهو الرجوع الى

السطر التالي في جميع لغات البرمجة التي عملت بها لديه هذه الوظيفة الوحيدة فعند

وضعه وسط string فانه يقوم بقسم الجملة الى جملتين ، في الكويز

لديكم الجملة التالية مقسومة سلفا

Why

couldn't the shoes go out and play? They were all "tied" up!

اي انه /n التي تعني newline يجب ان تكون

في المكان الذي انقسمت به الجملة ، يمكنك وضع متغير لحجز هذه الجملة او وضعها

مباشرة في console.log

Quiz: Yosa Buson (2-6)

هنا لدينا نفس الطريقة في استخدام newline للسؤال الذي سبقه فقط مع بعض التحديات الجديدة نتذكر

القاعدة الاساسية لقسمة جملة (وضع العنصر /nفي مكان القسمة بالضبط) الان لدينا 3 من string مختلفة ونريد ان نضعها في

جملة واجدة افضل طريقة لذلك وهي عملية الجمع + نستخدم عملية الجمع خارج string مثلا

"string" + "string" +

"string";

ولا ننسى انه لدينا في نهاية كل string سطر جديد

Blowing

from the west Fallen leaves gather In the east.

Quiz: Facebook Post (2-7)

في هذا الكويز سيعطيك عدة عناصر تقوم بالامساك والافلات في المكات

الصحيح لها فعليك ان تبين كل انواع المدخلات انطلاقا من احد منشورات udacity على الفيس

بوك كما عرفنا مسبقا انواع المدخلات في بداية الدورة

A -

Udacity

Udacity

B - Meet

Christian Plagemann, team lead for the new VR Developer Nanodegree program at

Udacity! Here he is introducing and describing our latest offering

Christian Plagemann, team lead for the new VR Developer Nanodegree program at

Udacity! Here he is introducing and describing our latest offering

C -

blog.udacity.com

blog.udacity.com

D -

Whether something was "liked" or not.

Whether something was "liked" or not.

E - 80

في هذا الكويز طلب منك ان تضع لكل من المتغير thingOne قيمة "red"

وللمتغير thingTwo قيمة "blue" وطلب

منك ان تطبع كل منهما في مخرج مع مسافة فاصلة بينهما هنا نتذكر ان المسافة في

الجافاسكربت تعتبر قيمة ، يمكنك جمعهما في متغير وطباعته او الطباعة للعملية

مباشرة في الكونسول لوغ

Quiz: Semicolons! (2-8)

في هذا الكويز البسبط طلب منط كتابة اسمك بالكامل وطباعته الامر سهل جدا

Quiz: What's my Name? (2-9)

في هذا الكويز سيكون عليك معرفة خواص () toFixed في الجافا

سكربت فهذه الخاصية مهمة جدا للتعداد العشري فهي تحدد عدد الارقام العشرية التي

ستظهرها في النتيجة ساعطي مثال برمجي لكي اوضح الفكرة اكثر

var tag = 34.56 + 50.01 + 13.20;

console.log("$" + tag.toFixed(1));

// result is $97.8

console.log("$" + tag.toFied(2));

//result is $97.77

console.log("$" + tag.toFixed(3));

// result is $97.770

لبد وانك لاحظت انه كلما وضعنا قيمة اكبر لtofixed ظهر تعداد

العدد العشري لانه ببساطة بدون ان نستخدم tofixed لانه العدد

الحقيقي ل 0.1 هو 0.1000000000000000055511151231257827021181583404541015625

ونحتاج الى عملية فيكس في بعض المتصفحات فالقيمة 2 فيكس هي القيمة

الافتراضية لذلك

الان ننتقل لشرح الكويز :

يستوجب عليك وضع متغير bill يحتوي على

10.25 + 3.99 + 7.15 بحيث يكون المتغير tip يساوي

bill *

.15;

ثم المتغير total يكون bill +

tip;

ولا ننسى استخدام tofixed للحصول على 2

قيمة عشرية من العدد العشري

Quiz: Out to Dinner (2-10)

هذا الكويز يعتبر لعبة مسلية لعشاق لما يسمى بالاساليب في اللغة

العربية وهي لعبة لملأ الفراغ بما يناسب من الجملة بحيث ان هناك قواعد للجافاسكربت

في استخدام STRING مع المتغيرات المحجوزة مسبقا مثلا

"string string string " + variables

+ "string string string "

فهذه الطريقة الصحيحة لربط متغير في جملة string

Quiz: One Awesome Message (2-12)

هذا الكويز شبيه تماما بالكويز الذي سبقه عدى انك ستعرف عن نفسك وعن هوياتك واهتمامك لذا سيكون لدينا 3 متغيرات تملأها بمعلوماتك الخاصة من اختيارك اخي الكريم

var firstName = "your firstName here";

var interest = "Programming";

var hobby = "improve my Coding skills";

بعدها تعيد طباعة كل من هذه المعلومات في صياغة جملة كالتالي

"Hi, my name is Julia. I love cats. In my spare time, I like to play video games." "Hi, my name is James. I love baseball. In my spare time, I like to read."

الى هنا وينتهي شرحنا للكويزات تبع المبادرة الخاصة بالمتغيرات والمدخلات ان كانت لديكم اي تساؤلات حول كويز معين او غير مفهوم

هذا محرر رائع لتجربة اكوادكم عليه

https://code.sololearn.com/#js

 

اذا كان المحتوى غير ظاهر بشكل جيد يمكنك المشاهدة عبر الفيس بوك

 

تجمع المبرمجين والمطورين العرب