javascript位运算
javascript作为一门高级语言,他尽量让开发人员减少思考底层的硬件工作原理,而将精力集中在逻辑开发的层面。不过,不论这门语言多么高级,我们必须知道数据依然以bits的形式存储,有时候我们会直接与这些bits打交道,这就是我们今天的主题——javascript位运算(JavaScript Bit Manipulation)。
在讨论之前我们设定一个问题:下面的代码执行的结果是什么?
var a = "10"| 0 ;
console.log("Bitwise Or a is : " +a);
var b = "s1132"|0;
console.log("Bitwise Or b is : " +b);
var c = [1,3,2]&1 ;
console.log("Bitwise And c is : " +c);
var d = [1]|0;
console.log("Bitwise Or d is : " +d);
var e = ~function(){}();
console.log("Bitwise Not e is : " +e);
var f = ({})|0;
console.log("Bitwise Or f is : " +f);
var g = ([1])|0;
console.log("Bitwise Or g is : " +g);
var h = "1ss"^0;
console.log("Bitwise Exclusive Or h is : " +h);
同时,希望大家查阅一下四个基本的位运算的原理:and(按位与)、 or(按位或)、 not(按位反) Exclusive Or(亦或) 。
今天我们不分析计算机里面的二进制原理,也不分析4个基本位运算的具体原理。我们分析的重点是在javascript这门语言中,高级的部分与位运算是如何结合的,在javascript中位运算能为我们带来什么。
一、javascript中的位运算
javascript中的位运算非常复杂,由于javascript试图创建完全无类型(弱类型)的数据,因此数字以64位浮点值存储,即双精度的浮点数。
正如大家所料,javascript中没有你想使用的Integer(整型)类型。当我们需要用到integer类型时,javascript会内部执行 Toint32方法(浏览器内部函数,外部不可调用)将值直接转化为32位的integer以供调用,并将原值瞬间转换回双精度浮点型。
javascript与其他语言的不同之一就是它奇怪的位运算。
何时会用到integer,Toint32方法到底是怎么回事,稍后介绍···
二、javascript位运算符
javascript有一系列位运算符,这里不一一列举。我们简单看看下面4个逻辑运算符
|
And |
& |
|
Or |
| |
|
Exclusive Or |
^ |
|
Not |
~ |
和其他语言一样,"非"运算符的优先级最高。
类似的运算符 &&,||,!他们只运用在boolean运算中,而不是位运算。
位运算基于数值数据也就是我们刚才提到的"integer"(被从64-bits floating point 经过 Toint32方法转化而来的32-bits integer),位运算结束后再被转化成双精度浮点型。
三、Toint32方法
Toint32我们不能调用,也不好猜测内部的实现逻辑,我们将它的规律总结如下:
1、忽略所有的小数部分
2、如果超出了32位整型能存储的范围,结果是1的二进制补码(即-1)
3、如果是一个小于1的小数,结果是0
4、如果是Infinity(无论正无穷还是负无穷)或者NAN,结果是0
5、如果是true返回1、false返回0
实际上javascript的位运算符并不是最快的,因为他们被限制为32位,而且需要从双精度浮点型转换而来并且再转化回去,尽管如此他们比传统的操作符要快,因为他们更接近于底层。
下面是和0进行 Or操作的结果,这充分验证了Toint32函数和位运算的内部原理。
| -1.6 | -0 | +0 | 1 | 1.6 | 8 | 16 | 16.8 | 123e-2 | -Infinity | +Infinity | NaN | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| col|0 | -1 | 0 | 0 | 1 | 1 | 8 | 16 | 16 | 1 | 0 | 0 | 0 |
| "" | "-1.6" | "0" | "1" | "1.6" | "8" | "16.8" |
"123 e-2" |
"010" (Octal) |
"0x10" (Hex) |
"0xFF" (Hex) |
"-010" | "-0x10" | "xx" | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| col|0 | 0 | -1 | 0 | 1 | 1 | 8 | 16 | 1 | 10 | 16 | 255 | -10 | 0 | 0 |
| undefined | null | true | false | new Object() | function(){ return; } |
|
|---|---|---|---|---|---|---|
| col|0 | 0 | 0 | 1 | 0 | 0 | 0 |
四、位运算的用途
通过上面的讨论,开篇留给读者思考的问题显得很简单,如有问题,请浏览讨论。下面我们看看位运算的常见用途。
1、替代一些简单的算数运算
例:24<<2==24*4
32>>3==32/8
2、随机整数
var ran=Math.random();
alert("a:"+((ran*5)|0));//rang=0-4
alert("a:"+((ran*5)|1));//rang=1-5
3、奇偶判断
for(var i=0;i<10;i++){
if(i&1){
alert("num is odd!");
}
}
4、浮点数取整
if(num>=0){
num|0==Math.floor(num);
}else{
num|0==Math.ceil(num);
}
位运算的用途建议大家参考 曾少的个人博客http://www.hehe0.com/javascript-wei-yun-suan-xiao-ji/
总结:javascript位运算在我们的日常开发中很少用到,但是深入了解位运算可以帮我们编写高性能的代码。由于水平有限,如文中内容有误欢迎指正。
参考资料:http://www.i-programmer.info/programming/javascript/2550-javascript-bit-manipulation.html
http://jibbering.com/faq/notes/type-conversion/
如需转载,请说明出处:http://www.cnblogs.com/wisdomoon/p/3338327.html
javascript位运算的更多相关文章
- JavaScript 位运算总结&拾遗
最近补充了一些位运算的知识,深感位运算的博大精深,此文作为这个系列的总结篇,在此回顾下所学的位运算知识和应用,同时也补充下前文中没有提到的一些位运算知识. 把一个数变为大于等于该数的最小的2的幂 一个 ...
- javascript 位运算
位运算博大精深,本文总结下基本的位运算的概念. 1.整数的二进制码 位操作符用于在最基本的层次上,即按内存中表示数值的位来操作数值.ECMAScript中的所有数值都以IEEE-754 64位格式存储 ...
- leetcode - 位运算题目汇总(下)
接上文leetcode - 位运算题目汇总(上),继续来切leetcode中Bit Manipulation下的题目. Bitwise AND of Numbers Range 给出一个范围,[m, ...
- 位运算总结&拾遗
JavaScript 位运算总结&拾遗 最近补充了一些位运算的知识,深感位运算的博大精深,此文作为这个系列的总结篇,在此回顾下所学的位运算知识和应用,同时也补充下前文中没有提到的一些位运算知识 ...
- javascript的变态位运算
javascript的变态位运算 var a = "10" | 0; alert(a); alert (typeof a);结果为10,number. 这就是说这条语句可以将字符串 ...
- 【JavaScript】进制转换&位运算,了解一下?
前言 在一般的代码中很少会接触到进制和位运算,但这不代表我们可以不去学习它.作为一位编程人员,这些都是基础知识.如果你没有学过这方面的知识,也不要慌,接下来的知识并不会很难.本文你将会学习到: 进制转 ...
- javascript中的类型转换(进制转换|位运算)
1:parseInt(string) : 这个函数的功能是从string的开头开始解析,返回一个整数 parseInt("123hua"); //输出 123 parseInt(& ...
- javascript中的位运算,
罗浮宫群里又有讨论位运算符号|了,做过一段时间php,数据库保存布尔值数据经常用到,比如100110 就表明了六个属性的是与否,极大减少了数据量..] ECMAScript 中位运算跟其他语言一样的. ...
- js中的位运算
按位运算符是把操作数看作一系列单独的位,而不是一个数字值.所以在这之前,不得不提到什么是"位": 数值或字符在内存内都是被存储为0和 1的序列,每个0和1被称之为1个位,比如说10 ...
随机推荐
- springMVC-自定义数据类型转换器
自定义类型转换器 201603005,今天想了一个问题,Spring中的Conventer是如何实现的,因为他没有绑定类中的属性,它怎么知道要将那个String转换?看了几遍的书也没有找到,后来想想, ...
- BZOJ1070 [SCOI2007]修车
本文版权归ljh2000和博客园共有,欢迎转载,但须保留此声明,并给出原文链接,谢谢合作. 本文作者:ljh2000作者博客:http://www.cnblogs.com/ljh2000-jump/转 ...
- 洛谷P2246 SAC#1 - Hello World(升级版)
题目背景 T1答案要mod1000000007(10^9+7),请重新提交,非常抱歉! 一天,智障的pipapi正在看某辣鸡讲义学程序设计. 题目描述 在讲义的某一面,他看见了一篇文章.这篇文章由英文 ...
- Security configuration of SSH login entry - enterprise security practice
catalog . 引言 . 修改ssh端口 . 禁用root远程ssh登录 . 只使用SSH v2 . 限制用户的SSH访问 . 禁用.rhosts文件 . 禁用基于主机的身份验证 . 基于公私钥的 ...
- python使用cookielib库示例分享
Python中cookielib库(python3中为http.cookiejar)为存储和管理cookie提供客户端支持,下面是使用示例 该模块主要功能是提供可存储cookie的对象.使用此模块捕获 ...
- CTO、技术总监、首席架构师的区别
2016年11月30日13:22:26[转] CTO.技术总监.首席架构师的区别 提升自已的能力,比如专业技术,行业发展趋势,技术发展趋势,协调能力,组织能力,管理能力等[技术总监] 需要从技术总监和 ...
- 使用dom4j解析XML文档
dom4j的包开源包,不属于JDK里面,在myeclipse中要单独导入在项目中,这里不累赘了 做这个过程,很慢,因为很多方法没用过不熟悉,自己得去查帮助文档,而且还得去试,因为没有中文版,英文翻译不 ...
- 初识JSLint及建议JS编码风格
可能都或多或少的知道JSLint是一个JavaScript的代码质量工具,一个JavaScript语法检查器和校验器,它能分析JavaScript问题并报告它包含的缺点. 被发现的问题往往是语法错误, ...
- BZOJ2960: 跨平面
从一条边出发遍历,每次找旋转角度最小的一条边作为下一条边,直到回到出发的边,就得到了一个区域.这样建出对偶图后跑不定根的最小树形图就行了. #include<bits/stdc++.h> ...
- JavaScript学习笔记——对象知识点
javascript对象的遍历.内存分布和封装特性 一.javascript对象遍历 1.javascript属性访问 对象.属性 对象[属性] //字符串格式 //javascript属性的访问方法 ...