*在js中不同类型之间的运算，所得到结果的类型也会有所变化：
string + number = string
string + boolean = string
string + undefiend = string
number + boolean = number
number + undefiend = NaN
boolean + undefiend = NaN
总结一下就是：
所有与string类型数据进行运算得到的结果一定是字符类型;
与number类型数据进行运算时，会将其它非string类型数据转换为number，若转换成功，则结果为number，转换不成功则为：NaN;
而boolean类型数据进行运算时，会将自身转换为number类型，再与其它的数据进行运算，其运算规则与number一致;
*在js中有一个用来判断数据是否是数字的函数：isNaN(数据) 结果为ture 则不是数字 为false，则是数字
*在js中同样有数据类型的强制转换
toString() 将任何数据转换为字符串
用法：数据.toString()
parseInt() 将数据转换为整型的number类型
用法：parseInt(数据)
规则:从左到右进行转换，当遇到一个不为数字字符时就停止转换
parseFloat() 将数据转换为浮点型的number类型
用法：parseFloat(数据)
规则:从左到右进行转换，当遇到一个不为数字和小数点的字符时就停止转换,并且在小数点后又遇到小数点也停止转换
Number() 将数据转换为number型
用法:Number(数据)
规则:只要包含了非数字字符，返回NaN

1.关于逻辑与、逻辑或的短路：
逻辑与：只要一个条件为假，整个表达式的值都为假，并且不会去判断后面的条件
逻辑或：只要第一个条件为真，整个表达式的值为真，并且不会去判断后面的条件

2.关于小数数值的精确度问题

3.关于位运算符
按位与：将操作数转换为二进制，进行运算的两位数同时为1，结果才为1
按位或：将操作数转换为二进制，进行运算的两位数有一个为1，结果就为1
按位异或：进行比较的数据只有一个为1时

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>js运算符</title>

</head>

<body>

    <script type="text/javascript">

    /*1.关于逻辑与、逻辑或的短路：

        逻辑与：只要一个条件为假，整个表达式的值都为假，并且不会去判断后面的条件

        逻辑或：只要第一个条件为真，整个表达式的值为真，并且不会去判断后面的条件*/

    // 1.1价格打折：用户输入消费金额，如果消费的金额>=100,享受八折，输出实际付费金额

    var price = prompt("请输入消费金额：");

    price >=  && (price = price *0.8);//逻辑与短路

    console.log(price);

    // 1.2请用户输入一段留言：如果输入了，就输出留言的内容，否则就输出：“主人很懒

    // 空字符串 可以当false使用

    // undefined、0、0.0、""

    var msg = prompt("请输入留言：");

    var result = msg  || ("主人很懒什么都没留下");//逻辑或短路

    console.log(result);

    // 2.关于精确度问题

    // 买菜找零

    var change =  - 1.6;

    console.log("找零："+ change);

    // 四舍五入解决精确度误差，toFixed(n) n为保留几位小数

    change = change.toFixed();

    console.log("四舍五入后："+ change);

    /*3.关于位运算符

        按位与：将操作数转换为二进制，进行运算的两位数同时为1，结果才为1

        按位或：将操作数转换为二进制，进行运算的两位数有一个为1，结果就为1

        按位异或：进行比较的数据只有一个为1时 值才为1*/

    // 3.1判断数字与1做按位与，最后一位为1为奇数，0为偶数

    console.log(( & ) == );//ture偶数

    console.log(( & ) == );//false奇数

    // 3.2按位或：向下取整，将数据转换成二进制，且小数会被转换为整数

    var num3 = 6.5;

    console.log(num3 | );//将6.5转换为整数6，然后与0按位或 最后的结果是6

    // 3.3交换两个数的值

    var num1 = ,num2 = ;

    num1 = num1 ^ num2;

    num2 = num1 ^ num2;

    num1 = num1 ^ num2;

    console.log(num1,num2);

    </script>

</body>

</html>

（*注意：运行代码时，需要将暂时不验证的代码注释掉，或者将需要验证的到吗复制粘贴到其它文件中进行运行）

JavaScript知识点---->运算规则与运算（逻辑、位）的更多相关文章

  1. JavaScript知识点总结

    JavaScript学习总结1.JavaScript是作用于网络和HTML的一个编程语言.2.JavaScript代码必须放在<script></script>标签之间,Jav ...

  2. C# 2进制、8进制、10进制、16进制...各种进制间的转换（三） 数值运算和位运算

    一.数值运算 各进制的数值计算很简单,把各进制数转换成 十进制数进行计算,然后再转换成原类型即可. 举例 :二进制之间的加法 /// <summary> /// 二进制之间的加法 /// ...

  3. javascript知识点积累

    8年javascript知识点积累   08年毕业就开始接触javascript,当时是做asp.net发现很多功能用asp.net控件解决不了,比如checkbox单选,全选问题,自动计算总价问题, ...

  4. JavaScript知识点整理（一）

    JavaScript知识点(一)包括 数据类型.表达式和运算符.语句.对象.数组. 一.数据类型 1) js中6种数据类型:弱类型特性 5种原始类型:number(数字).string(字符串).bo ...

  5. Android实训案例(一)——计算器的运算逻辑

    Android实训案例(一)--计算器的运算逻辑 应一个朋友的邀请,叫我写一个计算器,开始觉得,就一个计算器嘛,很简单的,但是写着写着发现自己写出来的逻辑真不严谨,于是搜索了一下,看到mk(没有打广告 ...

  6. JavaScript中Float类型保留两位小数

    JavaScript中Float类型保留两位小数 核心方法: num:要操作的数字     size:要保留的位数 parseFloat(num).toFixed(size); 实现代码如下:var  ...

  7. Javascript：必须知道的Javascript知识点之“单线程事件驱动”

    heiboard: Javascript:必须知道的Javascript知识点之“单线程事件驱动”

  8. golang中算数运算、位运算、逻辑运算、赋值运算常用方法

    package main import "fmt" var a = 21.0 var b = 5.0 //var c float64 func main() { Arithmeti ...

  9. Javascript知识点记录（三）设计模式

    Javascript设计模式记录,这个方面确实是没写过,工作中也没有用到js设计模式的地方. prototype与面向对象取舍 使用prototype原型继承和使用面向对象,都可以实现闭包的效果.那么 ...

随机推荐

  1. QToolBar也是QWidget，可以放在QWidget的中间

    可以试着把左边做成一个widget.从上到下依次为:QTextEditQToolBarQTextEdit然后再对她们进行垂直布局(布局是具体需求而定).代码大致如下: TCenterWidget::T ...

  2. Cocos2d-x 3.X Qt MinGW版本编译运行

    自Cocos2d-x 3.X引入了C++ 11特性,在Windows平台上的支持就仅限VS 2012,其实还可以尝试MinGW版本,GitHub上有MinGW版本的Qt Creator工程. 地址:h ...

  3. QImage的浅拷贝与深拷贝

     首先简单说说什么是浅拷贝和深拷贝:浅拷贝就比如像引用类型,而深拷贝就比如值类型,即浅拷贝是共用一块内存的,而深拷贝是复制一份内容.   我们再来看看QImage类的几个构造函数: // 浅拷贝 QI ...

  4. QT 文件拖放事件dropEvent和dragEnterEvent

    重载以下两个函数,可以实现将文本文件拖放进文本编辑器 void MainWindow::dragEnterEvent(QDragEnterEvent *event)//拖进事件 { if(event- ...

  5. Android开发环境搭建（原创）

    1,我的环境: win8 64位 2,软件安装: 1) jdk-7u40-windows-i586.exe 下载合适的版本,我下载的是 jdk7u40 32位 for windows 安装JDK,配置 ...

  6. 学习Java，容易被你忽略的小细节（2）

    昨天心情真的太糟糕了,写完<学习Java,值得注意你注意的问题(1)>之后,迎来些许的支持以后就是一片片的谴责.我的主页上涌现出许许多多Java方面的牛人,谴责我水平太低,写的问题太初级. ...

  7. CentOS7 Vim自动补全插件----YouCompleteMe安装与配置

    最近刚装了新系统CentOS7,想要把编码环境配置一下,使用Vim编写程序少不了使用自动补全插件,我以前用的是neocomplcache+code_complete+omnicppcomplete.但 ...

  8. oracle11g安装时出现程序未找到文件解决办法

    在安装的最后可能会出现如下问题 解决办法如下 将win64_11gR2_database_2of2中的\win64_11gR2_database_2of2\database\stage\Compone ...

  9. HTML连载13-CSS基本格式以及文字相关的属性

    一.CSS格式 1.注意点: (1)style标签必须写在head标签的开始标签和结束标签之间(也就是必须和title标签师兄弟关系) (2)style标签中的属性type属性其实可以不写,默认就是t ...

  10. kubernetes实战篇之部署一个.net core微服务项目

    目录 继上一篇kubernetes理论知识完结.本篇主要讲解基于nexus搭建一个docker镜像仓库(当然大家实践过程是不必完全跟着做,也可以搭建harbor仓库或者直接把镜像推送到docker h ...