JavaScript toFixed()使用的注意事项

以下是w3school的定义:

定义和用法

toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。

语法

NumberObject.toFixed(num)
参数 描述
num 必需。规定小数的位数,是 0 ~ 20 之间的值,包括 0 和 20,有些实现可以支持更大的数值范围。如果省略了该参数,将用 0 代替。

返回值

返回 NumberObject 的字符串表示,不采用指数计数法,小数点后有固定的 num 位数字。如果必要,该数字会被舍入,也可以用 0 补足,以便它达到指定的长度。如果 num 大于 le+21,则该方法只调用 NumberObject.toString(),返回采用指数计数法表示的字符串。

抛出

当 num 太小或太大时抛出异常 RangeError。0 ~ 20 之间的值不会引发该异常。有些实现支持更大范围或更小范围内的值。

当调用该方法的对象不是 Number 时抛出 TypeError 异常。

实例

在本例中,我们将把数字舍入为仅有一位小数的数字:

Show the number 13.37 with one decimal:
<script type="text/javascript">
var num = new Number(13.37);
document.write (num.toFixed(1))
</script>

输出:

Show the number 13.37 with one decimal:
13.4

这里的输出“13.4”其实是个Sting类型的,即"13.4",一定要注意!!!!因为你如果是经过toFixed()方法,来进行数据处理之后,还要进行数值计算的话,那么一定要转成number类型!!!不然,一定出错,因为返回值是string字符串!!!切记!!!!

string转换成number的方法:

JS 中将 number 转换为 string 我们比较熟悉,直接用toString() 的方法就可以了;那么将 string 转换成为 number 都有些什么方法呢?如下便简单的列举了一些,以便记录,说不定什么时候就用到了~~

我们可以使用parseInt ,或者unary plus 或者parseFloat with floor 或者Math.round这些方式,请看如下具体的代码:

1):parseInt

        var x = parseInt("10");  // 10

但是这种只带一个参数的方式会存在诟病。比如我们想将字符串 "010" 转化为数字 10,直接用这个方法将会返回8.

        var x = parseInt("010"); // 8

因此这里提供另外一个方法,带有两个参数:第一个是目标转换字符串,第二个用来指定将字符串转化为几进制的数字,并且radix的范围是(2~36)

parseInt(string, radix)

例如:

        var x = parseInt("1000", 10);  // 1000

2):unary plus (一元操作符"+"),这种方式非常的巧妙

        var x = +"1000"; // 1000

       var x = +"1000.12"; // 1000.12

3):parseFloat 方法可以将对应的字符串转化为浮点类型的数字

        var x = parseFloat("1000.01") // 1000.01

4):Math.floor 的方式可以对字符和数字进行向下取整

        var x = Math.floor("1000.01"); // 1000

       var x = Math.floor(1000.01); // 1000

       var x = Math.floor(1000.91); // 1000

5):Math.round 的方式可以对字符和数字进行四舍五入取整

        var x = Math.round("1000"); //1000 equivalent to round("1000",0)

        var x = Math.round("1000.56"); // 1001

        var x = Math.round("1000.23"); // 1000

另:以前的浏览器,或者09年的时候,会出现ie6左右吧,会出现如下的错误:                var money=0.00542;//0.006;  alert(Number(money).toFixed(2));

现在不会了,现在我ie11,firefox都是输出0.01!!!
时间: 2024-08-29 11:01:24

JavaScript toFixed()使用的注意事项的相关文章

Javascript -- toFixed()函数

Javascript——toFiexed()函数 1. toFixed(n) 限制小数点后位数,四舍五入.n:0~20 . 2. 作用对象必须是number,不能为其他类型.如(8.001).toFixed(2)返回8.00; 3. toFixed(n)返回值是String类型,所有当成数字进行比大小是错误的. 4. parseFloat(“number“)与parseInt("number")读取字符串中第一个遇到的数(如91.2w3 第一个数为91.2)并转换为float或int,

JavaScript toFixed() 方法

定义和用法 toFixed() 方法可把 Number 四舍五入为指定小数位数的数字. 语法 NumberObject.toFixed(num) 参数 描述 num 必需.规定小数的位数,是 0 ~ 20 之间的值,包括 0 和 20,有些实现可以支持更大的数值范围.如果省略了该参数,将用 0 代替. 返回值 返回 NumberObject 的字符串表示,不采用指数计数法,小数点后有固定的 num 位数字.如果必要,该数字会被舍入,也可以用 0 补足,以便它达到指定的长度.如果 num 大于 l

Android WebView使用之JavaScript调用Java代码注意事项

1.被调用的函数上方要添加注释(@android.webkit.JavascriptInterface);否则JavaScript无法找到该方法.

JavaScript typeof function()的注意事项

首先,上一段代码: var f = function g() { return 23; }; console.log(typeof g); //输出undefined //console.log(typeof g()); //没有输出 显示错误 "g"未定义 console.log(typeof f); //输出function console.log(typeof f()); //输出number   这里的g确实没有这种写法,输出undefined也是情有可原   对于下面两句话,

JavaScript toFixed 用法

在JS中进行乘法运算时 我们又是会遇到一下情况 <input type="text" id="num1" value="" /> * <input type="text" id="num2" value="" /> <input type="button" id="tt" value="="/>

javascript中个别方法注意事项

1.键值对new Array()的length值只统计下标是数字的键,可以使用for(var key in arr)的方式进行遍历所有元素.例如 <script type="text/javascript"> var arr = new Array();//创建一个键值对数组 arr['xj'] = '小鸡'; arr['xy'] = '小鸭'; arr[0] = '旺财'; arr[1] = '小白'; arr[3] = '财秋'; arr['sl'] = '水懒'; a

javascript中的属性注意事项

1.函数原型prototype设置的对象是只读类型,所以不能修改(即栈只读).但是我们常常可以看到它被“修改‘’了.若对象中定义的属性和原型中属性一样,优先使用自定义属性. 例如代码: //原型 类似于父类 function students() { this.major= '数学'; this.studentsName = ['张三','李四','王五']; } var myStudents = new students(); //必须建立实例对象 才能被其他对象'继承'; //建立对象 fu

toFixed() 方法

JavaScript toFixed() 方法 JavaScript Number 对象 定义和用法 toFixed() 方法可把 Number 四舍五入为指定小数位数的数字. 语法 NumberObject.toFixed(num) 参数 描述 num 必需.规定小数的位数,是 0 ~ 20 之间的值,包括 0 和 20,有些实现可以支持更大的数值范围.如果省略了该参数,将用 0 代替. 返回值 返回 NumberObject 的字符串表示,不采用指数计数法,小数点后有固定的 num 位数字.

JavaScript基础及函数,BOM,DOM的节点及DOM节点操作

使用js的三种方式 1.直接在HTML标签中,使用事件属性,调用js代码: <button onclick="alert('点我呀')">点我啊!<tton> 2.在页面的任意位置,使用script标签 <script type="text/javascript"> alert('哈哈哈') </script> 3.外部:使用script标签 src属性选择外部地址, type属性选择"text/javasc