مفاهیم پایه ای جاوااسکریپت-بخش اول

در قسمت قبلی سعی کردیم محیط کامپیوترمان را برای ادامه دوره جاوااسکریپت آماده کنیم.در این قسمت با مفاهیم ابتدایی جاوااسکریپت آشنا خواهید شد.

متغیر:

متغیرها محلی برای ذخیره موقت داده های ما هستند.آن ها جنس های متفاوتی دارند که از هر کدام استفاده‌های گوناگونی می‌شود.برای مثال جنس آن ها string ‌، number و … است که در ادامه با هر کدام از آنها آشنا خواهید شد.

قبل از هر چیز برای شروع یک فایل جدید در vs.code بسازید و یک نام + پسوند js برای آن در نظر بگیرید.در ادامه کدها را در این فایل نوشته و ذخیره و اجرا خواهیم کرد.

new-file-vs-code

String:

String نوعی از متغیرها در جاوااسکریپت است که برای ذخیره مقادیر رشته ای مثل اسم و فامیل از آن استفاده می شود.

تعریف متغیر:

برای تعریف متغیر در جاوااسکریپت می توانیم از دو کلمه کلید مختلف استفاده کنیم:

var و let

در حال حاضر از let استفاده خواهیم کرد و در ادامه فرق آن را با var خواهم گفت.


همانطور که در کد بالا مشخص است سه متغیر از جنس string تعریف کرده ،در متغیر اول و دوم نام و نام خانوادگی را قرار داده و در متغیر آخر نیز جمع  متغیر اول و دوم را قرار داده‌ایم.همچنین در خط آخر نیز مقدار را چاپ کرده‌ایم.اگر برنامه را با دستور node اجرا کنیم خروجی به شکل زیر خواهد بود:

node-string.js

تمرین:

کد بالا را دقیقا برای خودتان در vs.code تایپ کنید.همچنین دو متغیر جدید نیز به آن اضافه کنید که شهر و کشور شما در آن ذخیره شود.سپس سعی کنید در یک خط نام و نام خانوادگی را چاپ کنید و در خط بعدی اسم شهر و کشورتان را.

نتیجه باید مثل خروجی زیر باشد:

Shahrooz Jafari
Tehran Iran

برای دیدن جواب به این آدرس بروید.

 متغیرهای عددی:

برای تعریف متغیرهای عددی دقیقا مثل متغیر های رشته ای عمل می‌کنیم با این تفاوت که از ‘یا ” برای مقدار متغیر استفاده نمی‌کنیم و مقدار متغیر ما نیز حتما باید از جنس عدد باشد.


در ادامه سعی خواهیم کرد که با یک مثال پیچیده تر از تعریف متغیرهای عددی ، این مفهوم را کمی روشن تر کنیم:

اگر دقت کنید ۳ متغیر اصلی برای ذخیره سن افراد مختلف در نظر گرفته شده است.سپس از طریق متغیر fakeAverageAge سعی شده که میانگین سن افراد حساب شود و بعد از آن میانگین چاپ شده است:۷۹٫۶۶۶۶۶۶۶۶۶۶۶۶۶۷

سپس دوباره با اندکی تفاوت میانگین سنی حساب شده است ، در متغیر realAverageAge ذخیره شده است و چاپ شده است:۴۱

حال سوالی اینجاست چرا مقادیر با هم متفاوت هستند.این به دلیل اولویت در انجام عملگرهای تقسیم و جمع هست که به احتمال زیاد با آن ها آشنایی دارید.

 نکاتی در رابطه با متغیر ها:

نکته اول:اگر یک متغیر را دو بار تعریف کنیم چه اتفاقی خواهد افتاد؟

با خطایی مشابه زیر روبرو خواهیم شد:

create-var-twice

نکته دوم:امکان تعریف هر اسمی برای متغیر وجود ندارد.برای مثال نمی‌توان نام یک متغیر را ۳ گذاشت.نام متغیر ها باید با یک کلمه شروع شوند.

نکته سوم:امکان استفاده از علامت تعجب در نام متغیر وجود ندارد.

نکته چهارم:نام متغیرها نمی تواند  کلمات رزرو شده در جاوااسکریپت باشد.

تمرین:

سعی کنید با توجه به مواردی که تا کنون یاد گرفته اید یک ماشین حساب ساده بنویسید که بتواند درجه Fahrenheit را به Celsius و kelvin تبدیل کند.

نکته:از طریق جستجو در گوگل فرمول تبدیل درجه حرارت را پیدا کنید.

برای دیدن جواب اینجا کلیک کنید.

 متغیرهای Boolean :

نوع بعدی متغیرها Booleanها هستند.در داخل این متغیر می توان مقدار true و یا false را ذخیره کرد.

قبل از اینکه وارد یک مثال عملی  بشویم باید با عملگر های (operator) مقایسه ای آشنا شویم.

حال با نگاهی مفاهیمی که تا به اینجا یاد گرفته‌ایم به کد زیر توجه کنید:

در خط اول یک متغیر عددی تعریف کرده ایم.داخل این متغیر حرارت ۳۲ درجه Fahrenheit را ریخته ایم.

در خط دوم به وسیله عملگر های مقایسه ای چک کرده‌ایم که اگر temp کوچکتر و یا مساوی ۳۲ بود به معنای دمای انجماد آب هست.البته این کد بسیار ساده نوشته شده است و مشخصا جواب آن واضح است.

در خط آخر نیز نتیجه را چاپ می کنیم که با توجه به مقدار temp جواب true هست.

تمرین:با استفاده از مفاهیمی تا کنون آموزش داده شده برنامه ای را بنویسید که با توجه به سن شما مشخص کند که شما کودک هستید و بزرگسال.برای راهنمایی،اگر سن کوچکتر مساوی ۱۰ سال بود کودک هستید و اگر بالای ۱۰  سال بود شما بزرگسال هستید.

برای دیدن جواب اینجا کلیک کنید.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *