6) آموزش انواع داده در جاوااسکریپت (Data Types)

آموزش رایگان جاوااسکریپت

داده ها مقادیری هستن که داخل یک متغیر میریزیم و انواع مختلفی دارند. هنگام تعریف متغیر در جاوااسکریپت نیاز به تعریف نوع داده نیست و این زبان قدرتمند به طور اتوماتیک متوجه نوع داده ورودی میشه. اما لازمه که به عنوان یه برنامه نویس انواع داده در جاوااسکریپت را بشناسید تا بتونید به خوبی و به وقتش از Data استفاده کنید.
در جلسه چهارم آموزش رایگان جاوااسکریپت، متغیرها را یاد گرفتید. برای تعریف متغیرها در جاوااسکریپت از کلمه کلیدی Var استفاده میکنیم و بعد از تعریف یک متغیر میتونیم به اون یه مقدار (Value) بدیم. به مقادیری که به یک متغیر نسبت داده میشه داده (Data) میگویند. اما در جاوا اسکریپت نیازی نیست زمانی که متغیر ها را مقدار دهی میکنید، مشخص کنید که چه نوع داده ای را به متغیر نسیت دادید. اما لازمه تا بدونید از چه نوع داده ای میتونید برای مقدار دهی به متغیر ها استفاده کنید.

جلسه چهارم: متغیرها در جاوااسکریپت

تشخیص نوع داده در جاوااسکریپت

برای اینکه بفهمیم یک متغیر و داده (Data) نسبت داده شده به آن از چه نوعی است؛ میتوانیم از دستور typeof استفاده کنیم. کافیه جلوی دستور typeof اسم متغیر یا داده مد نظر را قرار دهیم و در خروجی ببینیم که داده ما از چه نوعیه.

typeof 6         //returns Number
typeof "MEGA JS" //returns String
var x;
x = 15;
typeof x         //returns Number
x = "Learn JS"
typeof x         //returns String

متغیرها چه مقادیری رو قبول میکنن؟

متغیرها در جاوااسکریپت مقادیر مختلفی رو قبول میکنن، از جمله داده های مورد قبول میتوان به اعداد (Numbers) ، رشته ها (Strings) ، اشیا (Objects) ، آرایه ها (Arrays) و Booleans اشاره کرد که در این مطلب همه آن ها بررسی میشن.

داده ها (Data) در جاوا اسکریپت

یکی از مزایای زبان جاوااسکریپت اینه که نیازی نیست هنگام تعریف متغیر و مقداردهی به متغیر مشخص کنید که نوع داده اختصاص شده از چه نوعیه. در واقع این عمل به صورت داینامیک صورت میگیره. با یه مثال این مورد رو واضح تر توضیح میدم:

var x;          // Now X is undefined
x = "MEGA JS";  // Now X is a String
x = 11;         // Now X is a Number

همون طور که در قطعه کد بالا مشخصه، در خط اول X تعریف شده اما چون هیچ مقداری نداره، undefined (تعریف نشده) شناخته میشه اما در خط بعدی، بعد از نسبت دادن کاراکتر (کلمه) به X حالا متغیر X از نوع String (رشته) شده. در خط سوم عدد ۱۱ رو به X نسبت دادیم و نوع داده داخل X به عدد (Number) تغییر پیدا کرد.

انواع داده: رشته (String)

رشته (String) یا متن (Text) به دنباله ای از کاراکتر ها و حروف گفته میشه. در کل هر چیزی که میخوایم مثل یک متن یا جمله نمایش داده بشه باید بین دو تا کوتیشن (Single quotes) (‘ ‘) یا دبل کوتیشن (Double quotes) (” “) نوشته بشه. مثل:

var firstName = "Mohammad reza"; // Using double quotes
var lastName = 'Haji maghsoodi'; // Using single quotes

دبل کوتیشن و سینگل کوتیشن تفاوتی با هم ندارن و زمانی که شما از هر دو متغیر typeof بگیرید با نتیجه زیر روبرو میشید.

typeof firstName // String
typeof lastName // String

و تنها زمانی که میخواید در متون و جمله های انگلیسی از کوتیشن (Single quotes) استفاده کنید میتونید همزمان از ” ” , ‘ ‘ استفاده کنید. مثل:

var Sentence= "It's alright"; // Single quote inside double quotes

بیشتر بخوانید: رشته ها در جاوااسکریپت

انواع داده: عدد (Number)

اعداد به دو شکل Integer و Float در متغیر قرار میگیرد. به اعداد صحیح integer و به اعداد اعشار float گفته میشه. هنگامی که قصد نسبت دادن اعداد به یک متغییر رو داریم، مقادیر رو بین کوتیشن قرار نمیدیم و مانند نمونه ی پایین عمل می کنیم.

نکته: اگر اعداد را بین کوتیشین بنویسیم یک رشته یا String حساب میشوند.

Var a = 15;
typeof a; // Number
Var b = 18.9;
typeof b; // Number
var c = "11";
typeof c; // String

در زبان هایی که باید نوع متغییر رو مشخص کنیم، اگه متغیری از نوع int ایجاد کنیم و مقدار اعشاری در آن قرار بدیم، بخش اعشاری آن عدد حذف شده و تنها بخش صحیح عدد ذخیره میشه. در توابعی در جاوااسکریپت هم که در آینده بیشتر با آنها آشنا میشویم این موضوع را بیشتر توضیح خواهیم داد.

جلسه هفتم: اعداد در جاوااسکریپت

انواع داده: آرایه (ARRAY)

در همه ی زبان های برنامه نویسی گاهی اوقات نیاز داریم تا تعدادی داده رو در یک متغیر قرار بدیم. در این صورت از آرایه ها (لیست) استفاده میکنیم. تعریف یک آرایه مانند متغیر هاست و هر آرایه باید دارای یک نام باشه. مقادیری که میخوایم در این آرایه قرار بدیم رو بین براکت های باز و بسته [ ] قرار میدیم. به هر یک از مقادیر که در آرایه قرار میگیرند یک اندیس از آن آرایه گفته میشه. هر اندیس را با علامت , از اندیس دیگر جدا میکنیم.

در زیر نمونه ای از یک آرایه رو میتونید مشاهده کنید:

Var array= [“megajs” , ۱۵ , “javascript”];

برای اینکه به هر یک از اندیس های این آرایه دسترسی داشته باشیم، از شماره اندیس ها استفاده میکنیم. به این شکل که ابتدا نام آرایه رو نوشته و جلوی اون شماره اندیس مورد نظر رو قرار میدیم.

توجه کنید که شماره ی اندیس هر آرایه از صفر شروع می شود، یعنی اندیس صفرم آرایه ی بالا  “megajs” است.

جلسه دهم: آرایه ها در جاوااسکریپت

انواع داده: بولین (Boolean)

بولین یا منطقی به نوعی دیتا گفتده میشه که تنها دو مقدار true و false را میتونه در خود قرار بده.در زیر نمونه ای از این نوع داده را تعریف کرده ایم.

Var a = true;
Var b = false;

اگر ما بخوایم مقادیر این دو رو چاپ کنیم، true به ما عدد یک رو برمیگردونه و false برای ما خروجی نخواهد داشت.

انواع داده: شیء (Object)

ابجکت ها (Objects) در جاوااسکریپت مانند آرایه ها چندید مقدار رو در خود ذخیره میکنن اما با این تفاوت که در Object ها میتوان برای هر اندیس یک key تعریف کنیم. برای تعریف آرایه از براکت های باز و بسته استفاده میکردیم ولی در تعریف Object از آکولاد { } استفاده می کنیم. مثال زیر یک آبجکت است که اطلاعات یک کاربر در آن قرار گرفته است:

Var user={
name=”Mohammad reza” ,
lastname=”Haji maghsoodi”,
phoneNumbers= [09120000000, 09020000000]
}

جلسه سیزدهم: اشیا در جاوااسکریپت

سایر داده ها در جاوا اسکریپت

تفاوت Null و Undefined

زمانی که بخوایم یک متغیر تعریف کنیم و در آن متغیر مقداری قرار ندهیم از مقدار null استفاده میکنیم. اما اگر یک متغیری را فراخوانی کنیم که از قبل وجود نداشته، کنسول به ما مقدار undefined رو بر میگردونه.

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