关闭

js除了Math.floor方法,还可以通过位运算|,>>实现向下取整

时间: 2018-01-10阅读: 3806标签: 运算

我们都知道通过Math.floor()方法可实现数值的向下取整,得到小于或等于该数字的最大整数。


语法如下:

Math.floor(x)

说明:x必需,并且是一个数值。

1.如果是字符串(非数字类型'1.01'以外),输出NaN;
2.如果是true,则输出1,false为0


Math.floor()实例:

console.log(Math.floor(0.8));//输出0
console.log(Math.floor(-0.8));//输出-1
console.log(Math.floor(1));//输出1
console.log(Math.floor('d'));//如果不是数值,输出NaN

如果参数是一个涉及浮点数的表达式,那么可能会出现不准的问题,如下:

Math.floor(0.5+0.49999999999999999);//输出1

而实际上它结算的结果应该小于1,输出应该是0的,这里怎么就变成了1呢?原因这里有:理解并如何解决js中浮点数计算不精准的问题


位运算实现向下取整

除了上面的常用方法外,在一些地方我们还可能会看到使用位运算来实现向下取整。例如:

console.log(0.8 | 0);//输出0
console.log(-0.8 | 0);//输出0
console.log(1 | 0);//输出1

或者使用>>:

console.log(0.8 >> 0);//输出0
console.log(-0.8 >> 0);//输出0
console.log(1 >> 0);//输出1


位运算实现的原因:

这是由于js内部的类型自动转换,js数值都是由64位浮点型表示的,当进行位运算的时候,会自动转换为32为有符号的整数,并舍弃小数位。所以就可以实现向下取整了。


位运算和Math.floor()的差别:

1.精度的损失,最大有效范围: 2^32/2-1

var a=(Math.pow( 2,32)/2-1)+0.5;//a=2147483647.5
a | 0;
a >> 0;
Math.floor(a);
//结果都为2147483647
a+=1;
a | 0;//输出-2147483648
a >> 0;//输出-2147483648
Math.floor(a);//输出2147483648

2.当值为负数的时候,会位运行的结果和Math.floor不一致:

console.log(Math.floor(-0.8));//输出-1  
console.log(-0.8 | 0);//输出0  
console.log(-0.8 >> 0);//输出0

只是由于它先进行转为32位的整数,再在进行舍去小数位,最后转变为负数的结果。


站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

链接: http://www.fly63.com/article/detial/345

在JavaScript中使用Spread运算符的8种方法

延展操作运算符将可迭代的对象扩展为其单独的元素,可迭代对象是可以使用 for 循环进行循环的任何对象。可迭代的示例:Array,String,Map,Set,DOM节点。

Js中按位操作符的有趣应用

JavaScript提供了几种运算符,可以对一些简单的值进行基本操作,比如算术操作、赋值操作、逻辑操作、按位操作等。我们经常可以看到混合了赋值操作,算术操作和逻辑操作的JavaScript代码

JavaScript 中的相等操作符 ( 详解 [] == []、[] == ![]、{} == !{} )

ECMAScript 中的相等操作符由两个等于号 ( == ) 表示,如果两个操作数相等,则返回 true。相等操作符会先转换操作数(通常称为强制转型),然后比较它们的相等性。

Js四舍五入及精度丢失问题

在JS中使用数值计算时,经常会遇到未知的结果。问题:用toFixed保留小数时,四舍五入规则不固定:常见的解决思路:将小数放大为整数,进行四舍五入后,再缩小为小数。

JavaScript中双叹号(!!)作用

a默认是undefined。!a是true,!!a则是false,所以b的值是false,而不再是undefined,也非其它值,主要是为后续判断提供便利。!!一般用来将后面的表达式强制转换为布尔类型的数据(boolean),也就是只能是true或者false;

javascript如何计算1!+2!+..+10!的阶乘和?

JavaScript中计算1到10的阶乘和可以使用双层循环实现,在内层循环计算1到10的阶乘,然后在外层循环定义一个累加器将每个数的阶乘累加即可。

ES6中扩展运算符(spread)和剩余运算符(rest)

扩展运算符用三个点号表示,功能是把数组或类数组对象展开成一系列用逗号隔开的值;rest运算符也是三个点号,不过其功能与扩展运算符恰好相反,把逗号隔开的值序列组合成一个数组

JS保留两位小数

以下处理结果会四舍五入:以下处理结果不会四舍五入第一种,先把小数边整数:第二种,当作字符串,使用正则匹配:注意:如果是负数,请先转换为正数再计算,最后转回负数

你真的理解了比较运算符吗?

平常我们都是不建议在代码上编写一些比较难理解的代码,例如 x == y 和 A> B。这篇文章或许不能给你带来什么大的帮助,但是却可以让你了解一些你可能没接触到的知识点。

toFixed()与银行家舍入

一直在用toFixed()方法做浮点数的舍入取值,如果只是客户端展示数据是没有多大问题的,但是如果涉及到和后端互交,数据的精度可能会导致接口对接失败,当然了,涉及安全性的数值,比如金额之类的不应该放在前端计算

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!