一、关系运算符  (< <= > >= == === != !==)

判断符号左右的两个数据的大小之间的关系,运算结果是一个布尔类型的值

==   只判断值

===即判断值并且判断数据类型

!=   只判断值    只要值不相等,就返回true

!==   判断值和数据类型,值或数据类型不相等,运算结果就为true ,值和数据类型都一样,运算结果为false

布尔值和数字做比较时,true转化成了1,false转化成了0

二、逻辑运算符(&& ||  !)

判断符号左右两端条件的逻辑关系

一般情况下,逻辑运算符都是在做布尔数据类型的逻辑运算(结合关系运算符)

逻辑运算符的值一般也为一个布尔类型的值

三、短路

&&:一遇到false,之后的运算停止,运算结果直接为false

||:一遇到true,之后的运算停止,运算结果直接为true

四、优先级

赋值运算符<逻辑运算符<关系运算符<算数运算符

五、逻辑运算符两边不是布尔类型的数据

运算时会将其它数据类型的值先转为布尔值,再进行运算

数值的0、-0,特殊值的null、undefined、NaN以及空墨盒字符串会转为false,其它的值则会被转为true

11 && 3---------true && true -------3  (比较时都转为了true,返回结果时由于&&左右两边的数据类型都不是布尔值,于是返回了判断时最后一个为true的值)

0 && 3 ----------false && true------0  (比较时左边0转化为了false,短路,直接返回false,由于左边的值不是布尔值,于是返回了0)

11 || 3-------------11 (||运算一遇到true就短路)

33 && 0 && 10----------0

0 || 0 || 20 ----------------20

33 && 5 || 7------------------5

3 && 0 || 6

六、JS是弱类型语言

1、数据类型可以转化

2、变量在赋值时才确定数据类型

七、复合运算符+= -= *= /= %=
八、赋值运算符 =
九、算术运算符 + - * / %
十、三目运算符(所有的if else语句都可以转为三目运算符)
条件 ? 结果1 : 结果2  
判断条件1的布尔值。布尔值为true则返回结果1,布尔值为false则返回结果2
 
JS弱语言的转义

1、JS是一门弱类型的语言,在做加运算时"+"左右两边必须都是Number类型的数据,只要有一边是字符串,就做的时字符串的拼接。

2、通过JS代码获取到的页面中的输入域(textarea\input)的value值,是一个字符串类型的数据,无论输入的是什么

3、JS中除了"+"运算符,其余的运算符(- * / %)运算时,如果符号两端是字符串,会先将字符串转为Number类型,再做数学运算

4、如果一个字符串中含有除数字外的英文字母,做运算转化为Number类型时,字母无法转为数字,最终会得到NaN

5、NaN和“+”做运算,是字符串的拼接,NaN和其余的算术运算符(- * / %)做运算,得到的都是NaN

NaN+"11"  //   "NaN11"

NaN-11     //   NaN

6、NaN 和任何数据做关系运算,得到的都是false

NaN>0   // false

 

"abcd"-12             //  NaN

"abcd1234"-12     //NaN

JS运算符、NaN的更多相关文章

  1. js值类型转换(boolean/String/number),js运算符,if条件,循环结构,函数,三种弹出框

    js值类型转换 number | string | boolean boolean类型转换 num = 0; var b1 = Boolean(num); console.log(b1) 转化为数字类 ...

  2. js课程 2-6 js如何进行类型转换及js运算符有哪些

    js课程 2-6 js如何进行类型转换及js运算符有哪些 一.总结 一句话总结: 1.所有类型->布尔类型(为假的情况)有哪些(6种)? 1)字符串('')2)整型(0)3)浮点型(0.0)4) ...

  3. js 运算符的执行顺序

    js 运算符的执行顺序 js 运算符优先级 Operator Precedence 下表从最高(21)到最低(1)优先顺序排列 left-to-right 从左到右 / 先左后右 right-to-l ...

  4. JS运算符

    JS运算符: 使用的运算符的时候不需要声明变量,运算符非变量:1.算术运算符 + - * / % (%为取余数运算符) (自增运算符++) (自减运算符 --) + 运算符作用:1.数值相加 2.字符 ...

  5. js 运算符优先级

    在看jquery源码,仔细看入口函数的时候,有点懵了.看到与或.多重三目,傻傻的分不清,就代码仔细的区分下运算符优先级,以前都是呼呼的飘过.看来任何一个细节都不能忽略,不然效率极低.. !functi ...

  6. js运算符单竖杠“|”的用法和作用及js数据处理

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

  7. js运算符的一些特殊应用

    作者: 小文 来源: http://www.cnblogs.com/daysme/ 时间: 2017/3/2 17:21:03 本文集合了了js运算符的一些特殊应用. js位运行符的运用. js运算符 ...

  8. js中NAN、NULL、undefined的区别

    NaN:保留字(表明数据类型不是数字) undefined:对象属性或方法不存在,或声明了变量但从未赋值.即当你使用了对象未定的属性或者未定义的方法时或当你声明一个变量,但你确从未对其进行赋值,便对其 ...

  9. 聊聊js运算符 ‘与(&&)’和‘ 或(||)’

    一,先来几个问题,看给位能都全部答对. var objA1 = {x:1}; var objA2 = {x:2}; var resultA = objA1 && objA2; //请问 ...

随机推荐

  1. hh

    1

  2. apache-2.4.6 mod_bw-0.92 实现限速上传或下载

    下载 mod_bw  wget http://ivn.cl/files/source/mod_bw-0.92.tgz 解压到mod_bw tar -zxvf mod_bw-0.92.tgz -C mo ...

  3. 微信小程序调用高德地图

    index.wxml: longitude:经度 latitude:维度 地图所定位的区域 index.js 地图所定位的点

  4. Jmeter-----参数配置

    参数化配置: 设置为3个线程后,三个用户均能运行

  5. 图片上传组件webuploader

    前端组件webuploader 当时也是搞了很久参考这种demo,但是没记.现在事后大致总结下.直接上大概代码(我使用asp.net  MVC来做的): 执行顺序:(get)Record/Add——A ...

  6. Jmeter设置默认中文页面

    方法一(从网上看到的) 启动Jmeter找到 options >choose language >chinese(简体繁体自己选). 这样设置后界面就变成了中文,但是当我们下次打开时又恢复 ...

  7. centos下etcd集群安装

    先仔细了解学习etcd 官方: https://github.com/etcd-io/etcd https://www.cnblogs.com/softidea/p/6517959.html http ...

  8. 深入剖析虚拟DOM提升性能(Vue,React);

    I.原始渲染方式(直接操作DOM): 1.state数据: 2.JSX模板: 3.数据 + 模板 相结合,生成真实的DOM来显示: 4.state发生改变: 5.数据 + 模板结合,生成真实的DOM来 ...

  9. shiro使用redis作为缓存,出现要清除缓存时报错 java.lang.Exception: Failed to deserialize at org.crazycake.shiro.SerializeUtils.deserialize(SerializeUtils.java:41) ~[shiro-redis-2.4.2.1-RELEASE.jar:na]

    shiro使用redis作为缓存,出现要清除缓存时报错 java.lang.Exception: Failed to deserialize at org.crazycake.shiro.Serial ...

  10. DetNet: A Backbone network for Object Detection 笔记

    1 前言 主要贡献: (1)第一个分析微调传统ImageNet预训练模型应用于目标检测器的固有缺点 (2)提出一个名为DetNet的新的骨干结构,它通过保持空间分辨率和扩大感受野的方式来专门设计用于目 ...