کار با متدهای اعداد در جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش کار با متدهای اعداد در جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
کار با متدهای اعداد در جاوااسکریپت
همونطور که در جلسه ( آموزش کار با متدهای رشته در جاوااسکریپت ) آشنا شدیم، میدونیم که مُتد در لغت یعنی روش و بطور کلی یعنی روش هایی برای کار با اعداد در جاوااسکریپت.
مثلا میتونیم با استفاده از متد toString مقدار اعداد صحیح را بصورت رشته یا String برگردونیم ، یا بطور کلی تر میتونیم با استفاده از این متد عمل تبدیل اعداد به رشته رو انجام بدیم.
پس بطور کلی متد یا Method یعنی روشی برای کار کردن با اعداد در جاوااسکریپت ، که هر یک از این روش ها میتونن یک خروجی جدید به ما بدن ولی هیچگونه تغییری در خوده متغیر نمیتونن ایجاد کنن.
Free-Learn
متد ()toString در جاوااسکریپت
از اسمشم مشخصه ، یک عدد رو در قالب رشته یا String
برمیگردونه ، یا اینجوریم میشه گفت که برای تبدیل یک عدد به رشته میتوان از این متد استفاده کرد.
1 2 3 4 5 6 7 |
<script> var a = 5; var b = 5; document.write(a.toString() + b.toString()); </script> |
Free-Learn
متد ()toExponential در جاوااسکریپت
در جلسه قبلی ما با نماد علمی نمایی یا Exponential
آشنا شدیم و میدونیم که با استفاده از این نماد میتونیم اعداد خیلی بزرگ یا خیلی کوچک رو بصورت ساده تری به نمایش درآوریم.
بطور کلی با استفاده از این متد میتوان یک عدد را بصورت یک رشته و بصورت گرد شده و در نهایت بصورت نماد نمایی نوشته شده برگرداند.
1 2 3 4 5 6 7 8 9 10 |
<script> var a = 50000; document.write(a.toExponential()); document.write("<br>"); document.write(a.toExponential(2)); document.write("<br>"); document.write(a.toExponential(4)); </script> |
Free-Learn
متد ()toFixed در جاوااسکریپت
از نام این متد مشخصه که میتوان با استفاده از آن یک عدد را به تعداد ارقام اعشار مشخصی گِرد کرد.
1 2 3 4 5 6 7 8 9 10 11 12 |
<script> var a = 3.6755; document.write(a.toFixed()); document.write("<br>"); document.write(a.toFixed(2)); document.write("<br>"); document.write(a.toFixed(4)); document.write("<br>"); document.write(a.toFixed(6)); </script> |
Free-Learn
متد ()toPrecision در جاوااسکریپت
خب دوستان در ادامه ی آموزش کار با متدهای اعداد در جاوااسکریپت میخوایم با متد toPrecision
آشنا بشیم و ببینیم این متد به چه درد میخوره. بطور کلی با استفاده از این متد میتوان ، تعداد کل ارقام قابل نمایش ( هم قبل و هم بعد از اعشار ) را مشخص کرد.
1 2 3 4 5 6 7 8 |
<script> var a = 5.3444; document.write(a.toPrecision(3)); document.write("<br>"); document.write(a.toPrecision(5)); </script> |
Free-Learn
متد ()valueOf در جاوااسکریپت
همونطور که میدونید در جاوااسکریپت یک عدد هم میتونه بصورت ساده از نوع عددی ( Number ) باشه و یا هم از نوع شئ ( Object )
حال متد valueOf
درکل یک مقدار عددی از یک عدد برمیگردونه، و در جاوااسکریپت بصورت پیشفرض برای تبدیل اعدادی که بصورت شئ ( Object ) تعریف شده اند به اعداد ساده ( Number ) از این متد استفاده میشود.
و کلا بصورت پیش فرض خوده جاوااسکریپت از این متد استفاده میکنه ، یعنی دلیلی برای استفاده خودمون از این متد وجود نداره و کلا بصورت پیش فرض جاوااسکریپت استفاده میکنه.
1 2 3 4 5 6 |
<script> var a = "323"; document.write(a.valueOf()); </script> |
Free-Learn
تبدیل متغیرها به اعداد در جاوااسکریپت
۳تا متد سراسری در جاوااسکریپت وجود داره که با استفاده از اونا بطور کلی میتونیم رشته هارو به اعداد تبدیل کنیم :
- Number() – برای تبدیل یک متغیر به عدد
- parseInt() – تبدیل رشته به عدد صحیح
- parseFloat() – تبدیل رشته به عدد اعشاری
مثال شماره ۱ : استفاده از متد Number
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
// نوع عددی صحیح var a = 2; // عدد در قالب رشته var b = "5"; // عدد در قالب رشته با فاصله قبل و بعدش var c = " 10 "; // عدد اعشاری در قالب رشته var d = "4.5"; // دوتا عدد مجزا در کنار هم در قالب رشته var e = "4 10"; |
مثال شماره ۲ : استفاده از متد parseInt برای تبدیل یک رشته به عدد صحیح ( مثال زیر ۲ بخش داره ، یه بخش بدون استفاده از parseInt و یه بخش با استفاده از parseInt که میخوام تفاوتشو ببینید )
1 2 3 4 5 6 7 8 9 10 11 12 |
<script> var a = "5"; var b = "5"; // parseInt بدون document.write(a + b); // parseInt با document.write(parseInt(a) + parseInt(b)); </script> |
مثال شماره ۳ : دریافت ۲ عدد صحیح از کاربر توسط تگ Input و سپس جمع ( + ) کردن اعداد
1 2 3 4 5 6 7 8 9 10 11 |
<script> function haseljame(){ var number1 , number2 , result; number1 = parseInt(document.getElementById("num1").value); number2 = parseInt(document.getElementById("num2").value); result = document.getElementById("result"); result.innerHTML = number1 + number2; } </script> |
مثال شماره ۴ : استفاده از متد parseFloat برای تبدیل رشته به عدد اعشاری
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<script> var a = "2.7"; var b = "2.8"; // parseFloat با // بصورت اعشاری محاسبه و نمایش میده document.write(parseFloat(a) + parseFloat(b)); // parseInt با // بصورت صحیح محاسبه و نمایش میده document.write(parseInt(a) + parseInt(b)); </script> |