خانه آموزش زبان جاوااسکریپت آموزش JS مقدماتی کار با انواع داده ها یا Data Types در JS

کار با انواع داده ها یا Data Types در JS

توسط

۱۳۹۹-۰۷-۰۲

این آموزش در تاریخ ۱۴۰۱/۰۳/۱۸ آپدیت شده است.

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش کار با انواع داده ها یا Data Types در JS با من همراه باشید.

کار با انواع داده ها یا Data Types در JS

Free-Learn

آنچه در این جلسه میخوانید :

1 انواع داده ها یا Data Types در JS
2 نوع داده عددی یا Number
3 نوع داده متنی یا String
4 نوع داده بولی یا Boolean
5 نوع داده آرایه یا Array
6 نوع داده شئ یا Object
7 نوع داده تعریف نشده یا Undefined
8 نوع داده خالی / هیچی یا Null
9 کار با عملگر typeof در زبان جاوا اسکریپت
10 نکات و توضیحات

انواع داده ها یا Data Types در JS

خب تو این جلسه میخوایم با کار با انواع داده ها یا Data Types در JS ( جاوااسکریپت ) آشنا بشیم و ببینیم این نوع داده ها چی هستند و اصلا به چه درد میخورند!؟

نوع داده یا به انگلیسی Data Type خب مشخصه دیگه، یعنی نوع داده های ما ، یعنی مثلا اگه عدد داشته باشیم خب این نوعش میشه عددی یا Number ، یا اگه مثلا متن داشته باشیم نوعش میشه رشته یا متن یا String و..

ما باید با مفهوم نوع داده بخوبی آشنا باشیم تا در برنامه هامون به مشکل برنخوریم، چون یکی از مهمترین اصل های برنامه نویسی همین نوع داده هاست ، چون سیستم براساس نوع داده کار میکنه.

بطور کلی انواع داده هارو در جاوااسکریپت میتونیم بصورت زیر نام ببریم :

نوع داده عددی یا Number
نوع داده متنی یا String
نوع داده بولی یا Boolean
نوع داده آرایه یا Array
نوع داده شئ یا Object
نوع داده تعریف نشده یا Undefined
نوع داده خالی / هیچی یا Null

Free-Learn

نوع داده عددی یا Number

نوع داده عددی یا Number خب از اسمشم مشخصه دیگه ، داده هایی که از این نوع هستند داده های عددی می باشند، در جاوااسکریپت فقط یک نوع داده عددی میتونه وجود داشته باشه که حالا این نوع میتونه با اعشار و یا بدون اعشار باشه ( عدد صحیح در جاوا اسکریپت وجود نداره )

در زبان جاوا اسکریپت چیزی به اسم عدد صحیح وجود ندارد و یه عدد یا اعشاری هست یا بدون اعشار ( مثلا عدد ۴٫۵ میشه اعشاری و عدد ۴ میشه بدون اعشار )

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

<script>

var myNumber1 = 5;      // بدون اعشار
var myNumber2 = 10.55;  // با اعشار

</script>

var myNumber1 = 5; // بدون اعشار

var myNumber2 = 10.55; // با اعشار

</script>

مثال شماره ۲ : تعریف ۲ متغیر بهمراه مقدار عددی و در نهایت نمایش حاصل جمع ۲ عدد

<script>

var myNumber1 = 5;
var myNumber2 = 15;
document.write( myNumber1 + myNumber2 );

</script>

var myNumber1 = 5;

var myNumber2 = 15;

document.write( myNumber1 + myNumber2 );

</script>

امتحان کنید

مثال شماره ۳ : حاصل جمع ۲ عدد و تقسیم بر یک ۱ عدد

<script>

var myNumber1 = 5;
var myNumber2 = 15;
var myNumber3 = 2;
var Natije = (myNumber1 + myNumber2) / myNumber3 ;

document.write( Natije );

</script>

var myNumber1 = 5;

var myNumber2 = 15;

var myNumber3 = 2;

var Natije = (myNumber1 + myNumber2) / myNumber3 ;

document.write( Natije );

</script>

امتحان کنید

Free-Learn

نوع داده متنی یا String

داده متنی یا به انگلیسی String هم خب مشخصه ، به داده هایی که شامل متن / محتوا باشند داده های متنی گفته میشه، و درکل هرچیزی که درون دابل کوتیشن ” ” قرار بگیرد متن یا رشته یا String حساب میشه.

مثال شماره ۱ : تعریف ۲ متغیر بهمراه مقدار متنی یا String

<script>

var myName = "Sadegh";
var myFamily = " Asadi";
document.write( myName + myFamily );

</script>

var myName = "Sadegh";

var myFamily = " Asadi";

document.write( myName + myFamily );

</script>

امتحان کنید

مثال شماره ۲ : تعریف عدد و متن و در نهایت چسبوندن متن و عدد بهمدیگه

<script>

var myName = "Sadegh ";
var myNumber = 3021;
document.write( myName + myNumber );

</script>

var myName = "Sadegh ";

var myNumber = 3021;

document.write( myName + myNumber );

</script>

امتحان کنید

مثال شماره ۳ : تعریف ۲ عدد در قالب متن ( هرچی داخل دابل کوتیشن یا ” ” قرار بگیره به عنوان متن حسابش میکنه ) و استفاده از + برای جمع کردن اعداد

<script>

var myNumber1 = "20";
var myNumber2 = "5";
document.write( myNumber1 + myNumber2 );

</script>

var myNumber1 = "20";

var myNumber2 = "5";

document.write( myNumber1 + myNumber2 );

</script>

امتحان کنید

توضیح مثال بالا :

خب ما ۲ تا عدد داریم ، یه ۲۰ و یه ۵ و در خروجی گفتیم این ۲ تاعدد باهمدیگه جمع ( + ) بشه ولی چرا در خروجی ۲۰۵ چاپ شده؟!

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

مثال شماره ۴ : جمع کردن ۲ عدد و بعدش چسبوندن به یک رشته

<script>

var Number_1 = 10;
var Number_2 = 5;
var Text = "Free-Learn";
document.write( Number_1 + Number_2 + Text );
// خروجی میشه 
// 15Free-Learn 

</script>

var Number_1 = 10;

var Number_2 = 5;

var Text = "Free-Learn";

document.write( Number_1 + Number_2 + Text );

// خروجی میشه

// 15Free-Learn

</script>

امتحان کنید

توضیح مثال بالا :

خب در خط ۳ و ۴ اومدیم ۲تا عدد تعریف کردیم، و در خط ۵ یه رشته یا متن تعریف کردیم.

و در نهایت در خروجی اومدیم اعداد رو با اون متن جمع کردیم ( از علامت + برای جمع کردن استفاده میکنیم ) خب بنظره شما خروجی چی میشه؟

خب خروجی میشه ۱۵Free-Learn ، یعنی اول اعداد ۱۰ و ۵ رو باهم جمع میکنه بعدش میچسبونه به اون متن ” Free-Learn ” و در نهایت در خروجی چاپ میشه : ۱۵Free-Learn

مثال شماره ۵ : همون مثال شماره ۴ هست فقط تو این مثال اول متن رو مینویسیم بعدش اعداد رو ( یعنی در مثال قبلی اول اعداد رو باهم جمع میکرد بعدش میچسبوند به متن ، حالا در این مثال اول متن رو میچسبونه به اعداد بعدش اعداد رو جمع میکنه )

<script>

var Number_1 = 10;
var Number_2 = 5;
var Text = "Free-Learn";
document.write( Text + Number_1 + Number_2 );

</script>

var Number_1 = 10;

var Number_2 = 5;

var Text = "Free-Learn";

document.write( Text + Number_1 + Number_2 );

</script>

امتحان کنید

توضیح مثال بالا :

خب تو این مثال اول متن رو نوشتیم بعدش گفتیم جمع کن با اعداد ۱۰ و ۵ ، خب اینبار بنظره شما خروجی چی میشه؟

خروجی میشه Free-Learn105 ، خب این یعنی چی!؟ چون اول متن بوده پس جاوا اسکریپت دیگه تا آخرش همه رو متن / رشته حساب میکنه و در نتیجه اعداد ۱۰ و ۵ به هم پیوند میخورند.

پس دیگه بطور کلی بدونید در جاوااسکریپت اگه اول متن بیاد بعدش عدد ( خب اینا بهم پیوند میخورند ) ولی اگه اول عدد بیاد بعدش متن ( اعداد باهمدیگه جمع ریاضی میشن بعدش به متن چسبونده میشن )

Free-Learn

نوع داده بولی یا Boolean

خب در ادامه آموزش کار با انواع داده ها یا Data Types در JS میخوایم با نوع داده بولی یا Boolean آشنا بشیم ، داده بولی کلا ۲ مقدار میتونه داشته باشه، یا True یا False – که این True و False رو ما نمیتونیم تغییر بدیم چون کلا یه چیز سیستمی هستش و توسط خوده جاوااسکریپت تعریف شده.

ما فقط میتونیم True ( یعنی درست بودن چیزی ) و False ( یعنی غلط بودن چیزی ) رو ببینیم یا متوجه شیم فقط همین ، یعنی برنامه کلا ۱ جواب میتونه ایجاد کنه، که حالا یا جواب درسته و True میده و یا غلطه False میده.

بیشترین استفاده از این نوع داده در عبارت های شرطی مثه IF می باشد.

مثال شماره ۱ : نمایش true و false بودن – گفتیم آیا مقدار a برابر است با مقدار b ، خب بله برابره پس در خروجی باید true چاپ شود.

<script>

var a = 5;
var b = 5;
var c = 2;

document.write( (a==b) );
document.write("<br>");
document.write( (a==c) );

</script>

var a = 5;

var b = 5;

var c = 2;

document.write( (a==b) );

document.write("<br>");

document.write( (a==c) );

</script>

امتحان کنید

مثال شماره ۲ : استفاده در دستور شرطی IF، گفتیم اگه مقدار متغیر a برابر است با مقدار متغیر b خب در خروجی چاپ کن آره جانم برابره و اگه برابر نبود چاپ میکنه آخی نه برابر نیست.

<script>

var a = 5;
var b = 5;

if( a==b ){
 document.write("آره جانم برابره");
}else{
 document.write("آخی نه برابر نیست");
}

</script>

var a = 5;

var b = 5;

if( a==b ){

document.write("آره جانم برابره");

}else{

document.write("آخی نه برابر نیست");

}

</script>

امتحان کنید

توضیح مثال بالا :

خب تو خط ۷ شرط گذاشتیم و گفتیم اگر مقدار متغیر a برابر بود با مقدار متغیر b خب در خروجی چاپ کن ( آره جانم برابره ) و با استفاده از دستور else گفتیم در غیراینصورت ( یعنی اگر برابر نبود ) چاپ کن ( آخی نه برابر نیست )

خب ما تو این مثال همانند مثال قبلیش ، از نوع داده بولی استفاده کردیم ولی خب ما چیزی به عنوان true یا false در خروجی ندیدیم، خب بله درسته چون دیگه نیومدیم true یا false بودنشو در خروجی چاپ کنیم، فقط بهش گفتیم اگه a برابر بود با b فلان کارو کن، خب اونم بررسی کرد دید a برابر هست با b پس خروجی میشه true ، به همین سادگی تموم شد رفت.

Free-Learn

نوع داده آرایه یا Array

آرایه یا به انگلیسی Array در کل مثه یه متغیر عمل میکنه و میشه در لحظه چندین مقدار رو در خودش نگهداری کنه ، یعنی یه روش ساده و دم دست برای نگهداری چندین مقدار بصورت همزمان می باشد.

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

مثال شماره ۱ : تعریف آرایه و نمایش مقادیر موجود در آرایه

<script>

var MyCars = ["BMW" , "Volvo" , "Xantia", "Maxima"];
document.write(MyCars);

</script>

var MyCars = ["BMW" , "Volvo" , "Xantia", "Maxima"];

document.write(MyCars);

</script>

امتحان کنید

Free-Learn

نوع داده شئ یا Object

شئی یا Object نوع دیگری از انواع داده ها در جاوااسکریپت می باشد، اینم مثه آرایه ها میتونه در لحظه چندین مقدار رو در خودش نگهداری کنه، و حتی میتونه برای مقادیری که در خودش ذخیره میکنه نام مشخص کنه.

در جلسات آینده با شئی ها یا Object و اینکه چجوری ایجاد میشن و .. بطور کامل آشنا میشیم ، در این جلسه فقط میخوایم با نوع داده ای شئ آشنا بشیم.

مثال شماره ۱ :

<script>

var Student = {name:"Reza", family:"Akbari", code:"7766"};

document.write("Name: " + Student.name);
document.write("<br>");
document.write("Code: " + Student.code);

</script>

var Student = {name:"Reza", family:"Akbari", code:"7766"};

document.write("Name: " + Student.name);

document.write("<br>");

document.write("Code: " + Student.code);

</script>

امتحان کنید

Free-Learn

نوع داده تعریف نشده یا Undefined

خب این نوع داده از اسمشم مشخصه که چیه، به داده ای که تعریف نشده باشد برای برنامه ( برای جاوااسکریپت ) میگیم نوع تعریف نشده یا Undefined

وقتی ما یک متغیر رو تعریف کنیم ولی مقدار براش مشخص نکنیم و نوعش رو مشخص نکنیم، یعنی مشخص نکنیم که عدد هست یا مثلا متن ( رشته ) و درکل مقدار بهش ندیم میشه یه داده ی تعریف نشده یا Undefined

مثال شماره ۱ : در مثال زیر ما متغیری به اسم myname تعریف کردیم ولی بهش مقدار و نوع داده ندادیم ، تموم شد رفت ، همین یعنی یک داده تعریف نشده.

<script>

var MyName;
document.write(MyName);

</script>

var MyName;

document.write(MyName);

</script>

امتحان کنید

Free-Learn

نوع داده خالی / هیچی یا Null

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

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

<script>

var MyName = "";
// هیچی در خروجی نشون نمیده چون مقداری نیست که بخواد نشون بده
document.write(MyName);

</script>

var MyName = "";

// هیچی در خروجی نشون نمیده چون مقداری نیست که بخواد نشون بده

document.write(MyName);

</script>

امتحان کنید

Free-Learn

کار با عملگر typeof در زبان جاوا اسکریپت

در زبان جاوااسکریپت ما با استفاده از عملگر typeof به راحتی میتونیم نوع یک متغیر رو بدست آوریم، نوع یک متغیر یعنی همون number یا string و.. بودن.

یعنی مثلا یه متغیر مقدارش عددی هستش پس باید typeof در خروجی number چاپ کنه، این یعنی نوع داده ای اون متغیر عددی هستش، به همین سادگی.

مثال :

<script>

var MyName = "Sadegh";
var MyNumber = 3021;
var MyStatus = true;

document.write( typeof(MyName) );
document.write("<br>");
document.write( typeof(MyNumber) );
document.write("<br>");
document.write( typeof(MyStatus) );

</script>

var MyName = "Sadegh";

var MyNumber = 3021;

var MyStatus = true;

document.write( typeof(MyName) );

document.write("<br>");

document.write( typeof(MyNumber) );

document.write("<br>");

document.write( typeof(MyStatus) );

</script>

امتحان کنید

Free-Learn

نکات و توضیحات

هرچیزی که درون دابل کوتیشن یا ” ” قرار بگیرد به عنوان نوع داده متنی یا String حساب میشه
اگه میخواید ۲ مقدار عددی باهم جمع یا تفریق یا ضرب و .. بشن باید حتما اون ۲ عدد نوع داده شون عددی باشه
اگه یک عدد در دابل کوتیشن ” ” قرار بگیرد جاوااسکریپت به عنوان رشته یا متن بهش نگاه میکنه
اگه از علامت + ( جمع ) در بین یک نوع داده متنی و یک نوع داده عددی استفاده نمایید، باعث میشه داده ها بهم پیوند بخورن ( یعنی میچسبن بهم )
نوع داده بولی یا Boolean در حالت عادی ظاهر ندارد و بیشتر درون عبارت های شرطی ( دستور IF ) استفاده میشه
نوع داده آرایه میتونه چندین مقدار رو بصورت همزمان نگهداری کنه و برای دسترسی به آیتم های آرایه باید از شماره ایندکس استفاده کرد ( شماره ایندکس هم در جاوااسکریپت همیشه از ۰ شروع میشه )
نوع داده شئ میتونه بصورت جفتی چندین نام و مقدار را بصورت همزمان نگهداری کنه، و برای دسترسی به اعضای شئ باید نام شی را نوشت و سپس یه نقطه ( دات یا . ) بعدش نام عضو را نوشت.
نوع داده تعریف نشده هیچ ربطی به نوع داده خالی یا Null ندارد و هرکدوم کاملا مجزا هستند.
داده ی تعریف نشده نه مقدارش و نه نوع مقدارش مشخص هست ولی داده ی خالی نوعش مشخص هست فقط مقدارش مشخص نیست.

پایان آموزش کار با انواع داده ها یا Data Types در JS

Free-Learn

دریافت PDF یا پرینت این مطلب

کار با انواع داده ها یا Data Types در JS

Free-Learn

انواع داده ها یا Data Types در JS

Free-Learn

نوع داده عددی یا Number

Free-Learn

نوع داده متنی یا String

Free-Learn

نوع داده بولی یا Boolean

Free-Learn

نوع داده آرایه یا Array

Free-Learn

نوع داده شئ یا Object

Free-Learn

نوع داده تعریف نشده یا Undefined

Free-Learn

نوع داده خالی / هیچی یا Null

Free-Learn

کار با عملگر typeof در زبان جاوا اسکریپت

Free-Learn

نکات و توضیحات

Free-Learn

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

آموزش قدم به قدم زبان جاوا اسکریپت

آشنایی با قوانین جاوااسکریپت

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

نحوه استفاده از دستورات JS در یک صفحه وب

نحوه نوشتن توضیحات در جاوااسکریپت

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

نحوه نمایش خروجی داده ها در جاوااسکریپت

کار با متغیرها یا Variables در جاوااسکریپت

آموزش ویژگی border-left-width در CSS