Info@Afragraphic.ir
0912 22 460 22
خدمات و مطالب آموزشی

داده در جاوا اسکریپت | آموزش جاوا اسکریپت | طراحی سایت

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

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

در این بخش از آموزشهای طراحی سایت به چند اپراتور ویژه در جاوااسکریپت میپردازیم.

String, Number, Boolean, Array, Object

متغیرهای جاوا اسکریپت می توانند در انواع داده های اعداد، رشته ها ، آرایه ها، اشیاء و ... نگه داری شوند 
 

اعداد

var length = 16;

رشته

var lastName = "Johnson";

آرایه

var cars = ["Saab", "Volvo", "BMW"];

اشیاء

var x = {firstName:"John", lastName:"Doe"};

 

مفهوم انواع داده :
  •  در برنامه نویسی، انواع داده یک مفهوم مهم است
  • برای اینکه عملگر ها بتوانند بر روی متغیر ها عمل کنند نیاز است نوع آن ها مشخص شود
  • یک کامپیوتر عبارت زیر را نمی تواند درک کند :
var x = 16 + "Volvo";

 

این عبارت چه مفهمومی دارد؟آیا با یک خطا مواجه می شویم یا این عبارت دارای یک نتیجه می باشد؟
و اما راه حل جاوا اسکریپت برای اینکه کامپیوتر عبارت بالا رو درک کنه:

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

مثال :

<p id="demo"></p>
<script>
      var x = 16 + "Volvo";
     document.getElementById("demo").innerHTML = x;
</script>

خروجی : 16Volvo

 

 

 

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

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

مثال 1 :

<p id="demo"></p>

   <script>

   var x = 16 + 4 + "Volvo ";

   document.getElementById("demo").innerHTML = x;

</script>

ابتدا از سمت چپ به راست 16 + 4 به صورت نوع عددی با هم جمع میشوند وسپس حاصل آن ها به صورت نوع رشته ای به Volvo  متصل می شود

خروجی : 20Volvo

مثال 2 :

<p id="demo"></p>

<script>

    var x = 16 + 4 + "Volvo";

    document.getElementById("demo").innerHTML = x;

</script>

در مثال دوم عبارت با یک رشته شروع شده و جاوا اسکریپت بقیه عبارت را هرچه که باشد رشته در نظر میگیرد و دیگر اعداد را با یکدیگر تجمیع نمی کند.

خروجی : Volvo164

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

 

var x;               // نوع داده تعریف نشده
var x = 5;           // نوع داده عددی
var x = "John";      // نوع داده رشته ای

                                                         

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

  • یک رشته یا یک کلمه  یک سری از کاراکتر های پشت سر هم می باشد
  • رشته ها بین دو علامت کوتیشن " "  قرار میگیرند.شما می توانید از تک کوتیشن   ‘ ’ یا جفت کوتیشن استفاده کنید

var carName = "Volvo XC60";   // استفاده از دابل کوتیشن
var carName = 'Volvo XC60';   // استفاده از تک کوتیشن

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

var answer = "He is called 'Johnny'";    // استفاده از کوتیشین درون جفت کوتیشن

 

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

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

  • اعداد خیلی بزرگ یا اعداد خیلی کوچک را میتوان با نماد e نوشت

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

Booleans در جاوا اسکریپت :

نوع داده بولین فقط دو مقدار True  و  False  را دارا می باشد.

var x = true;
var y = false;

نوع داده بولین برای تست در شرط ها استفاده می شود

آرایه جاوا اسکریپت :
 
  • عناصر آرایه به وسیله علامت کاما از یکدیگر جدا می شوند.
  • اندیس آرایه در جاوا اسکریپت از صفر شروه می شود
  • آرایه جاوا اسکریپت درون براکت نوشته می شود

 

مثال 2 :

var cars = ["Saab", "Volvo", "BMW"];

یک آرایه سه عنصری به نام cars

اشیاء جاوا اسکریپت :
در جاوا اسکریپت آبجکت یا همان اشیاء بین علامت آکولاد نوشته می شود.
اشیا در جاوا اسکریپت به صورت نام و مقدار (مقدار خصیصه : نام خصیصه) می باشد
 

مثال  : یک شی با نام person شامل چهار خصیصه  firstName و  lastName و  age و eyeColor می باشد

<p id="demo"></p>

<script>

   var person = {

       firstName : "John",

       lastName  : "Doe",

       age       : 50,

       eyeColor  : "blue"

    };

   document.getElementById("demo").innerHTML =

   person.firstName + " is " + person.age + " years old.";

</script>

خروجی : John is 50 years old

 

پایان قسمت پنجم

منابع : https://www.w3schools.com/js/js_datatypes.asp

کانون تبلیغاتی افراگرافیک

 آدرس: تهران-میدان انقلاب-خ آزادی-خ اسکندری-نبش کلهر-دفتر افرا گرافیک

66912056  66562677 66120698   09122246022

https://afragraphic.ir

info@afragraphic.ir

https://telegram.me/afragraphic_ir

https://instagram.com/afragraphic1390

https://facebook.com/AfraGraphic

https://plus.google.com/104048725792771050756

https://youtube.com/channel/UCOKVgQfCKUC0F4z2hoOOhPQ

https://twitter.com/afragraphic

https://ir.linkedin.com/in/afragraphic

https://aparat.com/afragraphic

https://Telegram.me/afragraphic_ir

https://cloob.com/name/afragraphic

 

 

نظــرات شما

نام :
وب سایت :
ایمیل :
پیغام :  

تمامی حقوق مادی و معنوی این سایت متعلق به شرکت طراحی و چاپ افراگرافیک  می باشد.