به نام خدا با عرض سلام و وقت بخیر خدمت دوستان عزیز امروز این جلسه قصد داریم در راستای آموزش مقدماتی جاوا اسکریپت به بحث انواع داده ها و نامگذاری متغیر ها در جاوا اسکریپت بپردازیم.پس با ما همراه باشید.
قبل از اینکه بریم سراغ انواع داده ها در جاوا اسکریپت بهتره بدونیم متغیر به چی میگن؟ بخوام ساده بگم متغیر ظرف هایی هستند که ما داده رو توشون ذخیره می کنیم .در بحث نامگذاری متغیر چندین نکته هست که باید موقع نامگذاری متغیرها در جاوا اسکریپت بهش توجه کنیم! حالا این نکات چی هستن؟
نام متغیرها می توانند شامل:
- حروف
- اعداد
- Underscore
- علامت دلار ($)
- Undefined یا تعریف نشده.
- Null
در هنگام نامگذاری متغیرها در جاوا اسکریپت نام متغیر ها در جاوا اسکریپت نباید با عدد شروع شود . نام متغیر باید با یک حرف کوچک یا _ شروع شود برای مثال نام 2020year درست نیست ولی year2022 درست است .
نام متغیر Case sensitive است.یعنی به حروف کوچک و بزرگ حساس میباشد.
کلمات رزرو شده نباید در نام متغیر استفاده کرد. کلمات رزو شده در مقاله ساختار جاوا اسکریپت آورده شده است.
برای تعریف متغیر باید از کلمه کلیدی var استفاده نماییم حالا فرقی نمی کند متغیر ما عدد باشد یا آرایه یا چیز دیگر همچنین ما میتوانیم در یک استیتمنت به تعداد دلخواه متغییبر تعریف نماییم.
انواع داده ها در جاوا اسکریپت عبارت اند از :
اعداد number:
در جاوا اسکریپت با توجه به اینکه مقدار دهی به متغیر به صورت داینامیک صورت میگیرد، مثل بعضی از زبان های برنامه نویسی مثل C دیگر نمی آییم نوع عدد رو هم مشخص کنیم.و خودش این کار را به طور خودکار انجام میدهد.
1 2 3 4 5 6 |
<script> var myNumber1 = 5; // بدون اعشار var myNumber2 = 10.55; // با اعشار </script> |
String :
همانطور که از اسمش مشخص است به دنباله از کاراکترها گوییم.
1 2 3 4 5 6 |
<script> var myName = "Ali"; var myFamily = " Faraji"; </script> |
آرایهARRAY:
اگر بخواهیم تعدادی از متغیر هارو(عموما از یک جنس می باشند) درون یک متغیر ذخیره نماییم بهترین گزینه آرایه می باشد. آرایه داده ها را داخل براکت [ذخیره و با کاما از هم دیگر جدا میکند .و اگر بخواهیم از مقادیر ارایه استفاده نماییم با استفاده از اندیس عملیات مورد نظرمان را روی آن مقدار اعمال نماییم.اندیس در آرایه از صفر شروع میشوند.و با استفاده از توابع مختلف که در آینده یاد خواهیم گرفت میتوانیم عملیات زیادی را روی مقادیر ارایه انجام دهیم.
1 2 3 4 5 6 7 |
<script> var mycars=["BMW" , "Volvo" , "Xantia", "Maxima"]; document.write(mycars); document.write(mycars[0]); // .را نمایش خواهد داد BMV <span style="font-size: 10.4px; font-weight: lighter;">در خروجی برای ما </span> </script> |
شئ Object
ابجکت ها در جاوا اسکریپت مثل آرایه می تونند چندین مقادیر رو درون خود ذخیره کنند همچنین مقادیری که ذخیره میشن برای خودشون اسم یا بهتره بگیم Property هم دارند. در بحث شی گرایی به طور مفصل در مورد ابجکت ها صحبت خواهیم کرد.در ابجکت بر خلاف آرایه بجای براکت از آکولاد { } استفاده مینماییم.
1 2 3 4 5 6 7 8 9 10 11 |
<script> // Create an object: var person = { firstName: "John", lastName: "Doe", age: 50, eyeColor: "blue" }; document.write(person.firstName + " is " + person.age + " years old."); </script> |
Boolean:
Boolean شامل مقادیر “false” و “true” هست و بیشتر در عبارت های شرطی مورد استفاده قرار میگیرد.
1 2 3 4 5 6 7 8 9 10 11 |
<script> var a = 5; var b = 5; var c = 2; document.write( (a==b) ); // returns true document.write("<br>"); document.write( (a==c) ); returns false </script> |
Undefined تعریف نشده:
به زبان ساده اگر متغیری را تعریف نماییم ولی به آن مقدار ندهیم را Undefined یا تعریف نشده مینامیم.اگر کد زیر را اجرا نماییم در کنسول مقدار Undefined را برای ما نمایش خواهد داد.
1 2 3 4 |
< script > var carName; console.log(carName); < /script > |
متغیرهای Undefined ، Null و دادهای خالی چه تفاوتی دارد ؟
در ادامه بحث انواع داده ها در جاوا اسکریپت به تفاوت این سه مورد می پردازیم. نوع دادهای خالی که مشخصه متغیری که مقدار (” “) رو به خودش بگیرد. حالا دیتا تایپ این نوع متغیر چیه؟ اگه جوابتون string هستش باید به شما احسنت گفت ! حالا میریم سراغ Undefined و null تنها وجه مشترکی که این دو تا دارن مقدار هاشون هست ! بله مقدار Undefined با null برابر هستش ولی دیگه دیتا تایپشون باهم فرق میکنه متغیری که Undefined باشه تایپشم باز Undefined هستش ولی متغیری که مقدارش null باشه دیگه تایپش null نیست بلکه از نوع object هستش!! حالا یکی از ایراداتی که میتونیم به جاوا اسکریپت بگیریم. همین موضوع هستش برای جا افتادین این موضوع بریم ببینیم واقعا اینطور هست یا نه!!!
1 2 3 4 5 6 7 8 9 |
<script> console.log(" سلام به همراهان کدایت"); var value1 =null; var value2 =""; var value3; console.log("type of value1 is "+typeof(value1)); console.log("type of value2 is "+typeof(value2)); console.log("type of value3 is "+typeof(value3)); < /script > |
خروجی مادر کنسول به این شکل خواهد بود.
دیگر مقالات
ویژوال استودیو کد یا visual studio code چیست؟
عالی
خیلی ممنون هستم. خوشحالم براتون مفید بوده است