آموزش جاوا اسکریپت قسمت پنجم
انواع داده در جاوا اسکریپت :
در این بخش از آموزشهای طراحی سایت به چند اپراتور ویژه در جاوااسکریپت میپردازیم.
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
پایان قسمت پنجم
منابع : http://www.w3schools.com/js/js_datatypes.asp
کانون تبلیغاتی افراگرافیک
آدرس: تهران-میدان انقلاب-خ آزادی-خ اسکندری-نبش کلهر-دفتر افرا گرافیک
66912056 66562677 66120698 09122246022
http://afragraphic.ir
info@afragraphic.ir
https://telegram.me/afragraphic_ir
http://instagram.com/afragraphic1390
http://facebook.com/AfraGraphic
http://plus.google.com/104048725792771050756
http://youtube.com/channel/UCOKVgQfCKUC0F4z2hoOOhPQ
http://twitter.com/afragraphic
http://ir.linkedin.com/in/afragraphic
http://aparat.com/afragraphic
http://Telegram.me/afragraphic_ir
http://cloob.com/name/afragraphic
:: برچسبها:
داده در جاوا اسکریپت ,
آموزش جاوا اسکریپت ,
طراحی سایت ,
آموزش برنامه نویسی ,
بهینه سازی وب سایت ,
|
امتیاز مطلب : 0
|
تعداد امتیازدهندگان : 0
|
مجموع امتیاز : 0