جهت مشاهده نتایج و تست کدها از ادیتور آنلاین استفاده کنید (کلیک کنید).

JavaScript معرفی توابع مربوط به اعداد در

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

toString تابع

  • این تابع جنس عدد را به رشته تغییر میدهد.

<html> <body> <p id=“demo1”></p> <p id=“demo2”></p> <script> let x = 123; document.getElementById(“demo1”).innerHTML = typeof x //number document.getElementById(“demo2”).innerHTML = typeof x.toString() //string </script> </body> </html>

toExponential تابع

  • این تابع میزان اعشار را نشان میدهد مثلا در مقدار 2.564 صفر رقم اعشار یعنی عدد رند که نتیجه آن 3 است، 1 رقم اعشار 2.7 و… اما نکته مهم درمورد این تابع نمایش اعداد به صورت نمایی است.

<html> <body> <p id=“demo1”></p> <p id=“demo2”></p> <p id=“demo3”></p> <script> let x = 2.654; document.getElementById(“demo1”).innerHTML = x.toExponential(0) //3e+0

document.getElementById(“demo2”).innerHTML = x.toExponential(1) //2.7e+0

document.getElementById(“demo3”).innerHTML = x.toExponential(2) //2.65e+0 </script> </body> </html>

toFixed تابع

  • این تابع اعداد اعشاری را با تعداد رقم اعشاری که به عنوان ورودی برایش تعریف میشود رند میکند.

<html> <body> <p id=“demo1”></p> <p id=“demo2”></p> <p id=“demo3”></p> <script> let x = 2.654; document.getElementById(“demo1”).innerHTML = x.toFixed(0) //3

document.getElementById(“demo2”).innerHTML = x.toFixed(1) //2.7

document.getElementById(“demo3”).innerHTML = x.toFixed(2) //2.65 </script> </body> </html>

toPrecision تابع

  • این تابع نیز وظیفه رند کردن اعداد به مقدار تعداد ارقام اعشار اعلام شده را دارد.

<html> <body> <p id=“demo1”></p> <p id=“demo2”></p> <script> let x = 9.656; document.getElementById(“demo1”).innerHTML = x.toPrecision(2) //2.7

</script> </body> </html>

  • تمامی توابعی که تا الان بررسی کردیم نتیجه نهایی را در قالب رشته تولید میکنند.

valueOf تابع

  • وظیفه این تابع گرفتن اعداد و برگرداندن آن ها با جنس عدد است. کاربرد آن بیشتر برای تبدیل اعداد object به عدد است.

<html> <body> <p id=“demo1”></p> <p id=“demo2”></p> <p id=“demo3”></p> <script> let x = 123; document.getElementById(“demo1”).innerHTML = x.valueOf() //123 document.getElementById(“demo2”).innerHTML = (123).valueOf() //123 document.getElementById(“demo3”).innerHTML = (100 + 23).valueOf() //123 </script> </body> </html>

Number تابع

  • این تابع وظیفه دارد هر مقداری را که به عنوان ورودی دریافت میکند به حالت عددی تبدیل کند، اگر موردی قابل تبدیل به عدد نباشد مقدار NaN به عنوان خروجی نمایش داده میشود.

<html> <body> <p id=“demo”></p> <script> document.getElementById(“demo”).innerHTML = Number(true) + “<br>” + Number(false) + “<br>” + Number(“10”) + “<br>” + Number(” 10″) + “<br>” + Number(“10 “) + “<br>” + Number(” 10 “) + “<br>” + Number(“10.33”) + “<br>” + Number(“10,33”) + “<br>” + Number(“10 33”) + “<br>” + Number(“Hi”); </script> </body> </html>

parseInt تابع

  • رشته را به عنوان ورودی دریافت میکند و آن را به عدد از نوع int تبدیل میکند.

<html> <body> <p id=“demo”></p> <script> document.getElementById(“demo”).innerHTML = parseInt(“-10”) + “<br>” + //-10 parseInt(“-10.33”) + “<br>” + //-10 parseInt(“10”) + “<br>” + //10 parseInt(“10.33”) + “<br>” + //10 parseInt(“10 6”) + “<br>” + //10 parseInt(“10 years”) + “<br>” + //10 parseInt(“years 10”); //10 </script> </body> </html>

parseFloat تابع

  • این تابع رشته ای را که به عنوان ورودی دریافت کرده به عدد تبدیل میکند این عدد میتواند اعشاری نیز باشد، درواقع تبدیل به float صورت میگیرد.

<html> <body> <p id=“demo”></p> <script> document.getElementById(“demo”).innerHTML = parseFloat(“10”) + “<br>” + //10 parseFloat(“10.33”) + “<br>” + //10.33 parseFloat(“10 6”) + “<br>” + //10 parseFloat(“10 years”) + “<br>” + //10 parseFloat(“years 10”); //NaN </script> </body> </html>

MAX_VALUE و MIN_VALUE

  • این دو متد همانطور که از نامشان مشخص است کوچکترین و بزرگترین مقدار عددی ممکن را برمیگرداند.

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

<html> <body> <p id=“demo1”></p> <p id=“demo2”></p> <script> let x = Number.MAX_VALUE; let y = Number.MIN_VALUE; document.getElementById(“demo1”).innerHTML = x; //1.7976931348623157e+308 document.getElementById(“demo2”).innerHTML = y; //5e-324 </script> </body> </html>

  • عبارت NaN به معنای غیرعددی است و ممکن است در برخی از خروجی ها آن را مشاهده کنید.
Scroll to Top