خانه آموزش زبان جاوااسکریپت آموزش 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 نکات و توضیحات

انواع داده ها یا 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;
document.write( (myNumber1 + myNumber2) / myNumber3 );

</script>

var myNumber1 = 5;

var myNumber2 = 15;

var myNumber3 = 2;

document.write( (myNumber1 + myNumber2) / myNumber3 );

</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 myAge = 27;
document.write( myName + myAge );

</script>

var myName = "Sadegh ";

var myAge = 27;

document.write( myName + myAge );

</script>

امتحان کنید

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

<script>

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

</script>

var myNumber1 = "20";

var myNumber2 = "5";

document.write( myNumber1 + myNumber2 );

</script>

امتحان کنید

توضیح مثال شماره ۳ :

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

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

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

<script>

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

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

</script>

var a = 5;

var b = 5;

var c = 2;

if(a==b){

document.write("برابر است");

}

else {

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

}

</script>

امتحان کنید

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

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

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

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>

امتحان کنید

مثال شماره ۲ : نمایش مقادیر خاص از آرایه با استفاده از شماره ایندکس مقدار ( شماره ایندکس از ۰ شروع میشه )

<script>

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

document.write(mycars[0] + " / " + mycars[3]);

</script>

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

document.write(mycars[0] + " / " + mycars[3]);

</script>

امتحان کنید

Free-Learn

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

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

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

مثال شماره ۱ :

<script>

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

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

</script>

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

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

document.write("<br> 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

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

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

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

Free-Learn

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