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

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

آموزش رایگان جاوااسکریپت-انواع داده ها

سلام به همه دوستان و کاربران عزیز سایت میزفا ؛

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

خوب این جلسه رو می تونیم مکمل جلسه قبل که آشنایی با متغیرها در جاوا اسکریپت بود هم درنظر بگیریم.

منظور از داده های پویا در جاوااسکریپت چیست

داده های مختلف در جاوااسکریپت پویا هستند ؛ این جمله به این معنی است که متغیرها به نوع خاصی از داده وابسته نیست همانطور که در کد زیر میبینید متغیر “foo” در هربار یک نوع از داده را در خود ذخیره می‌کند در حالی که بقیه زبان های مطرح دنیا مثل java و c++ اینگونه نیستند و باید نوع متغیر متناسب با نوع داده باشد برای درک بهتر مطلب به مثال های زیر توجه کنید.

var foo = 42;    // foo is now a Number
var foo = 'bar'; // foo is now a String
var foo = true;  // foo is now a Boolean

مشابه همین کدها رو در زبان java به این شکل می نویسیم:

int foo = 42;    // foo is now a Number
string foo = 'bar'; // foo is now a String
 boolean foo = true;  // foo is now a Boolean

 

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

بنابر آخرین نسخه استاندارد ECMAScript(توضیح بیشتر آموزش جاوااسکریپت-قسمت دوم) انواع داده ها عبارتند از :

  • اعداد(Numbers)
  • رشته ها (Strings)
  • بولین(Boolean)
  • آرایه ها (Arrays)
  • اشیاء(Object)
  • پوچ(Null)
  • تعربف نشده(Undefind)

 

خوب حالا سعی می کنیم هر کدوم رو به صورت مختصر توضیح بدیم :

1-اعداد(Numbers)

در جاوااسکریپت اعداد می‌توانند به صورت صحیح یا اعشاری تعریف شوند.

var x1 = 34.00;     // عدد اعشاری
var x2 = 34;        // عدد صحیح

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

var y = 123e5;      // 12300000
var z = 123e-5;     // 0.00123

 

2-رشته ها (Strings):

رشته ها مجموعه ای از کاراکتر ها هستن که درون تک کوتیشن ‘ ‘ یا جفت کوتیشن ” ” قرار می‌گیرند.

البته جاداره اینجا بگم که خود رشته ها نیز به نوعی یک شی  به شمار می‌روند و دارای یک سری متود و ویژگی هست که انشاا… در آینده آشنا خواهیم شد.

var carName = "Volvo XC60";   // Using double quotes
var carName = 'Volvo XC60';   // Using single quotes

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

var answer = "It's alright";             // Single quote inside double quotes
var answer = "He is called 'Johnny'";    // Single quotes inside double quotes
var answer = 'He is called "Johnny"';    // Double quotes inside single quotes

 

3-بولین (Boolean) :

این داده یک داده ی منطقی محسوب می‌شود و فقط می‌تواند دو مقدار true  یا false  را بگیرد.

var x = 5;
var y = 5;
var z = 6;
(x == y)       // Returns true
(x == z)       // Returns false

 

4-آرایه ها (Arrays) :

مقادیر آرایه درون  براکت [ ] تعریف می شوند و هر مقدار با علامت  , جدا می شوند.

var cars = ["saipa", "irankhodro", "BMW"];

هر مقدار درون آرایه ها دارای یک index هست که این index ها از صفر شروع می شوند برای مثال؛  index  مقدار siapa برابر صفراست که به این شکل نمایش میدهیم :  cars[0]=”siapa”

 

5-اشیاء (Objects) :

در جاوااسکریپت اشیا درون آکولاد { } تعریف می شوند و دارای تعدادی ویژگی هستند که با علامت , از هم جدا می شوند

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

 

6-پوچ(Null) :

در جاوااسکریپت null  به معنی “پوچ” است. یعنی هیچ مقداری نمی‌گیرد ولی نکته ای که این جا لازم به ذکر هست اینه که نوع داده null  یک شی (object ) محسوب می‌شود و متاسفانه این یک باگ (bug)  در جاوااسکریپت به شمار می آید چون هر شی داری یه سری ویژِگی ها و خصوصیت هاست ولی داده null  هیچ ویژگی ندارد.

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
person = null;

در این مثال مقدار object برابر null قرار گرفته یعنی در واقع شی ما مقدار ندارد ولی هنوز نوع داده object وجود دارد.

7-تعریف نشده(Undefind) :

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

var car;                // Value is undefined, type is undefined
car = undefined;        // Value is undefined, type is undefined

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

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
person = undefined;   // Now both value and type is undefined

در این مثال بر خلاف null ؛ هم مقدار شی و هم نوع داده object تعریف نشده هستند.

تفاوت بین نوع داده ای Null و undefind در جاوااسکریپ

این دو نوع ؛ از نظر مقدار یکسان هستند یعنی هردو مقادیر را هیچ می کنند  ولی از نظر نوع متفاوت هستند(مانند مثالی که پیش تر ذکر کردیم)

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

typeof undefined           // undefined
typeof null                // object

null === undefined         // false
null == undefined          // true

این عملگر (===) نوع و مقدار را باهم مقایسه می کند و این عملگر (==) تنها مقدار ها را باهم مقایسه می کند.

البته با مبحث عملگرها در آینده بیش تر آشنا خواهیم شد.

تعریف typeof :

با استفاده از عملگر typeof می توانیم نوع داده ها را تشخیص دهیم مانند مثال های زیر:

typeof "John"              // Returns "string" 
typeof 3.14                // Returns "number"
typeof true                // Returns "boolean"
typeof false               // Returns "boolean"
typeof x                   // Returns "undefined" (if x has no value)
typeof {name:'John', age:34} // Returns "object"
typeof null                  // Returns "object"

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

موفق باشید.

برچسب ها

امین عزیزی‌پور

دانشجوی مهندسی نرم افزار هستم. مدتی است پیرامون طراحی وب فعالیت می کنم و خوشحال هستم از این که بستری مهیا شده تا بتونم دانسته هام رو بروز نگه دارم، امیدوارم مطالبی که به اشتراک گذاشته میشه مفید باشن. "لطف کنید پیشنهادات و انتقادات خودتون رو با ما مطرح کنید."

نوشته های مشابه

‫2 نظرها

پاسخی بگذارید

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

دکمه بازگشت به بالا
سایت خود را در گوگل مدیریت کنید + ۱۵ ساعت فیلم آموزشیجزئیات بیشتر اینجا کلیک کنید
بستن
با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

عضویت در خبرنامه هفتگی برای دریافت:

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
ترک میزفا خوب نیست!
دوره رایگان سئو