9159金沙游艺场

图片 1
PHP实现HTML页面静态化的方法

js玩转数字—-取整,四舍五入,数字字符串转换

在js中进行以元为单位进行金额计算时 使用parseFloat会产生精度问题

取整:

数值

<pre>

// absolute 绝对值
Math.abs(5);
Math.abs(-5); // 5

// round 四舍五入 取整
Math.round(3.4999); // 3

// ceil 上浮 进一取整
Math.ceil(3.0001); // 4

// floor 下沉
Math.floor(1.9); // 1

// max 取大 可有多个参数
Math.max(2, -1, 4); // 4

// min 取小
Math.min(2, 0, 1); // 0

//random
Math.random(); // 随机数 大于等于0 到 小于1

</pre>

var price = 10.99;var quantity = 7;var needPay = parseFloat(price * quantity);

向下取整Math.floor(),向上取整Math.ceil(),四舍五入Math.round()),保留有效数位n.toFixed(),产生大于等于0小于1的随机数Math.random()

其他方法

<pre>

Math.cos(x); // 返回余弦
Math.exp(x); // 返回 e 的 x 次方
Math.log(x); // 返回 y, e 的 y 次方等于 x
Math.sqrt(x); // 返回平方根
Math.pow(x, y); 返回 x 的 y 次方

// 接收字符串、数值 返回数值
parseInt(‘1.1’) // 1
parseInt(‘1.9’) // 1
parseInt(‘1b2.4’) // 1
parseInt(‘www’) // NaN

parseFloat(‘100.1’) // 100.1
parseFloat(‘12.4b5’) // 12.4
parseFloat(‘www’) // NaN

Number(‘100.1’) // 100.1
Number(‘12.4b5’) // NaN
Number(‘www’) // NaN

// 保留小数且是四舍五入的 返回字符串
(100.125).toFixed(2) // “100.13”
(100.123).toFixed(0) // “100”
</pre>

needPay的正确结果应该是76.93元 但是运行后发现needPay为76.93000000000001
。此情况可通过 toFixed(n) 方法修正 但是这个方法对 js版本要求较高
不能兼容ie5另一个解决方案是: 将元为单位的金额乘以100换算为分进行计算

 

如何获取一个大于等于0且小于等于9的随机整数?

  1. parseInt(Math.random() * 10);
  2. Math.ceil(Math.random() * 10);
  3. Math.floor(Math.random() * 10);
  4. Math.round(Math.random()*10-0.5);
  5. parseInt((Math.random()*10).toFixed(0)); 使用 toFixed() 会获得 10
    原因在于 toFixed() 会进行四舍五入 参考
    Number.prototype.toFixed()
var price = 10.99var quantity = 7var needPay = Math.floor(parseFloat(price*100 * quantity))/100;

功能

parseFloat(price*100 * quantity)的计算结果是7693.000000000001
使用Math.round()方法四舍五入,再除100
即为正确的结果PS:顺便学到了一点:Math.ceil() Math.floor() Math.round()
的区别

函数

Math.ceil() 是向上取整Math.floor()是向下取整Math.round()是四舍五入

示例

 //保留两位小数 //功能:将浮点数四舍五入,取小数点后2位 function toDecimal(x) { var f = parseFloat(x); if (isNaN(f)) { return; } f = Math.round(x*100)/100; return f; } //制保留2位小数,如:2,会在2后面补上00.即2.00 function toDecimal2(x) { var f = parseFloat(x); if (isNaN(f)) { return false; } var f = Math.round(x*100)/100; var s = f.toString(); var rs = s.indexOf(‘.‘); if (rs  0) { rs = s.length; s += ‘.‘; } while (s.length = rs + 2) { s += ‘0‘; } return s; } function fomatFloat(src,pos){ return Math.round(src*Math.pow(10, pos))/Math.pow(10, pos); } //四舍五入 alert("保留2位小数:" + toDecimal(3.14159267)); alert("强制保留2位小数:" + toDecimal2(3.14159267)); alert("保留2位小数:" + toDecimal(3.14559267)); alert("强制保留2位小数:" + toDecimal2(3.15159267)); alert("保留2位小数:" + fomatFloat(3.14559267, 2)); alert("保留1位小数:" + fomatFloat(3.15159267, 1)); //五舍六入 alert("保留2位小数:" + 1000.003.toFixed(2)); alert("保留1位小数:" + 1000.08.toFixed(1)); alert("保留1位小数:" + 1000.04.toFixed(1)); alert("保留1位小数:" + 1000.05.toFixed(1)); //科学计数 alert(3.1415.toExponential(2)); alert(3.1455.toExponential(2)); alert(3.1445.toExponential(2)); alert(3.1465.toExponential(2)); alert(3.1665.toExponential(1)); //精确到n位,不含n位 alert("精确到小数点第2位" + 3.1415.toPrecision(2)); alert("精确到小数点第3位" + 3.1465.toPrecision(3)); alert("精确到小数点第2位" + 3.1415.toPrecision(2)); alert("精确到小数点第2位" + 3.1455.toPrecision(2)); alert("精确到小数点第5位" + 3.141592679287.toPrecision(5));

整型

向下取整

Math.floor()

Math.floor(1.1)==>1

向上取整

Math.ceil()

Math.ceil(1.1) ==>2

四舍五入

Math.round()

 Math.round(1.1)==>1

 Math.round(1.6)==>2

浮点型

相关文章

No Comments, Be The First!
近期评论
    功能
    网站地图xml地图