前端开发js运算符单竖杠“|”的用法和作用及js数据处理

很多朋友都对双竖杠“||”,了如指掌,因为这个经常用到。但是大家知道单竖杠吗?今天有个网友QQ问我,我的 javascript实用技巧,js小知识 , 这篇文章里面,js整数的操作运用了单竖杠,问我单竖杠是啥意思?

我看了一下之前的那篇文章,只写了用法,但是并没有解释。好吧,我现在就给大家简单的介绍一下:

之前文章,在js整数操作的时候,相当于去除小数点,parseInt。在正数的时候相当于Math.floor(),负数的时候相当于Math.ceil() 注:


  1. 1. Math.ceil()用作向上取整。 
  2. 2. Math.floor()用作向下取整。 
  3. 3. Math.round() 我们数学中常用到的四舍五入取整。 
  4. console.log(0.6|0)//0 
  5. console.log(1.1|0)//1 
  6. console.log(3.65555|0)//3 
  7. console.log(5.99999|0)//5 
  8. console.log(-7.777|0)//-7 

注:除了Math的三个方法处理数字,我们还经常用parseInt()、parseFloat()、toFixed()与toPrecision() 等等。 简单解释:

toFixed方法用法如下:


  1. 100.456001.toFixed(2); //100.47 
  2. 100.456001.toFixed(3); //100.456 
  3. Number.prototype.toFixed.call(100.456001,2);  //100.47 

缺点:用之后就会变成字符串。

toPrecision用法如下:


  1. 99.456001.toPrecision(5);  //99.456 
  2. 100.456001.toPrecision(5); //100.46 
  3. Number.prototype.toPrecision.call(10.456001,5);  //10.456 

单竖杠的运算规则

看了上面的例子,大体知道单竖杠可以进行取整运算,就是只保留正数部分,小数部分通过拿掉,但是“|0”,又是如何进行运算的呢,为什么能“|0”能达到取整的目的呢?单竖杠不是0有会是多少呢?

带着这些问题,我们看下面例子:


  1. console.log(3|4); //7console.log(4|4);//4 
  2. console.log(8|3);//11console.log(5.3|4.1);//5 
  3. console.log(9|3455);//3455 

好吧,我在这里公布答案吧。其实单竖杠“|”就是转换为2进制之后相加得到的结果。例如我们拿简单的举例:


  1. 3|4转换为二进制之后011|100  相加得到111=74|4转换为二进制之后100 |100  相加得到100=48|3转换为二进制之后1000 |011  相加得到1011=11 

以此类推,我在这里就不一一列举了,单竖杠“|”运算就是转换为2进制之后相加得到的结果!

作者:谢军

来源:51CTO

时间: 2024-11-29 08:04:13

前端开发js运算符单竖杠“|”的用法和作用及js数据处理的相关文章

js运算符单竖杠“|”的用法和作用是什么?

 js运算符单竖杠""的作用   很多朋友都对双竖杠"",了如指掌,因为这个经常用到.但是大家知道单竖杠吗?今天有个网友QQ问我,我的 javascript实用技巧,js小知识 , 这篇文章里面,js整数的操作运用了单竖杠,问我单竖杠是啥意思?   我看了一下之前的那篇文章,只写了用法,但是并没有解释.好吧,我现在就给大家简单的介绍一下:   之前文章,在js整数操作的时候,相当于去除小数点,parseInt.在正数的时候相当于Math.floor(),负数的时候相

详解js运算符单竖杠“|”与“||”的用法和作用介绍_基础知识

在js开发应用中我们通常会碰到"|"与"||"了,那么在运算中"|"与"||"是什么意思呢? 在js整数操作的时候,相当于去除小数点,parseInt.在正数的时候相当于Math.floor(),负数的时候相当于Math.ceil() 注: 1. Math.ceil()用作向上取整. 2. Math.floor()用作向下取整. 3. Math.round() 我们数学中常用到的四舍五入取整. console.log(0.6|

js运算符单竖杠“|”与“||”的用法和作用介绍

很多朋友都对双竖杠"||",了如指掌,因为这个经常用到.但是大家知道单竖杠吗?今天有个网友QQ问我,我的 javascript实用技巧,js小知识 , 这篇文章里面,js整数的操作运用了单竖杠,问我单竖杠是啥意思? 我看了一下之前的那篇文章,只写了用法,但是并没有解释.好吧,我现在就给大家简单的介绍一下: 之前文章,在js整数操作的时候,相当于去除小数点,parseInt.在正数的时候相当于Math.floor(),负数的时候相当于Math.ceil() 注: 1. Math.ceil

全面介绍javascript实用技巧及单竖杠_javascript技巧

JavaScript 本身可以算是一门简单的语言,但我们也不断用智慧和灵活的模式来改进它.昨天我们将这些模式应用到了 JavaScript 框架中,今天这些框架又驱动了我们的 Web 应用程序.很多新手开发者被各种强大的 JavaScript 框架吸引进来,但他们却忽略了框架身后浩如星海的 JavaScript 实用技巧.本文将为你全面的介绍其中的知识点. 一.js整数的操作 使用|0和~~可以将浮点转成整型且效率方面要比同类的parseInt,Math.round 要快,在处理像素及动画位移等

详解JavaScript中|单竖杠运算符的使用方法_基础知识

js运算符单竖杠"|"的作用 在js整数操作的时候,相当于去除小数点,parseInt.在正数的时候相当于Math.floor(),负数的时候相当于Math.ceil() 注: 1. Math.ceil()用作向上取整. 2. Math.floor()用作向下取整. 3. Math.round() 我们数学中常用到的四舍五入取整. console.log(0.6|0)//0 console.log(1.1|0)//1 console.log(3.65555|0)//3 console.

jquery.validate.js表单验证插件的用法和入门范例

网上介绍的jquery.validate大部门只是介绍它的api和用法,没有一个完整的入门范例,有时候看半天才知道该怎么下手.因此为了快速了解学习,我弄了一个快速入门范例,虽然用的知识点不多,写的也不是很好,但是可以快速的入手. 以下是参考源码(下面有源码网上可以下载到在此不再提供): <html> <head>     <meta http-equiv="Content-Type" content="text/html; charset=utf

在 windows(cygwin) 或 mac 下安装git、node、ruby等前端开发环境

我记得每一年技术部年会都会由老大说出一个技术主题,之前有服务化.模块化.工具化.数据化等等等等,今年的主题是全栈.遥想当年,在供职过的两家公司什么抗机器.装机架:什么安装系统.加固.搭建Web或任务应用的前后端环境.打包发布.网络配置:什么JavaScript.CSS.VB..NET.PHP.JAVA等等语言:什么Mootools.JQuery.Ext.Lucene.Solr.Hibernate.Spring:什么Oracle.Mysql.SQLServer.MongoDB.PL/SQL --

【翻译】我钟爱的Visual Studio前端开发工具/扩展

原文:[翻译]我钟爱的Visual Studio前端开发工具/扩展 怎么样让Visual Studio更好地编写HTML5, CSS3, JavaScript, jQuery,换句话说就是如何更好地做前端开发.Visual Studio 2010不管是旗舰版还是免费版都没有对前端开发方面做充分的优化.不要希望VS默认安装这些东西,我们有很多VS的扩展可是使用. 这篇帖子里你可以看到有一组我喜爱的扩展和工具能让Visual Studio在web开发方面更简单,我只是集中在我安装和使用过的一些工具,

Visual Studio 2010 前端开发工具/扩展/插件推荐_实用技巧

怎么样让Visual Studio更好地编写HTML5, CSS3, JavaScript, jQuery,换句话说就是如何更好地做前端开发.Visual Studio 2010不管是旗舰版还是免费版都没有对前端开发方面做充分的优化.不要希望VS默认安装这些东西,我们有很多VS的扩展可是使用. 这里列出的大多数扩展都可以使用Extension Manager (Tools > Extension Manager)来安装,你可以通过Visual Studio Gallery网站下载这些扩展. We