操作符

  • 操作符,也叫运算符 operator ,是 js 中发起运算最简单的方式。
    例如:5 + 6
  • 表达式(expression) 的组成包含操作数和操作符,表达式会得到一个结果,然后用结果参与程序

算术运算符

  • +- * / % ()
  • %:取余,取模。 a / b = c 余 d,就说a % b = d。
  • 运算顺序:先算乘除取余、再算加减,有小括号先算小括号。

正常情况

数字与数字之间的运算

console.log(1 + 2);
console.log(1 * 2);

非正常情况1

  • 有特殊值字面量参与的运算。
  • NaN参与的运算:得到的结果都是NaN
  • Infinity参与的运算,视情况而定
  • 工作中并不会使用特殊值运算,没有实际应用的意义,但是要了解,以防面试遇到。

非正常情况2

其他类型的数据参与数学运算。

  • 有字符串参与的 + 运算:+ 号变为连字符将前后连接成整体字符串。
  • 隐式转换:除了字符串参与的 + 运算,其他情况下,所有其他数据类型参与数学运算时,计算机暗中将其他数据类型先自动转换成数字类型,再参与运算,这个过程中不需要使用parseInt()、Number() 等方法,过程是暗中进行,这就是一个隐式转换的过程。

隐式转换

其他的数据类型会隐式转换为数字类型

  • 对应数字:纯数字字符串会转为对应的数字"123"->123
  • 转换为1:true
  • 转为0:false,null,""空字符串,空白字符串
  • 转为NaN,undefined,非空非纯数字字符串

比较运算符

  • 也叫作关系运算符。一个 比较运算符 comparison operator 比较它的操作数并返回一个布尔类型值。运算结果要么是true,要么是false。


正常情况

    console.log(7 > 8);
    console.log(7 < 8);
    console.log(7 >= 8);
    console.log(7 <= 8);
    console.log(7 == 8);
    console.log(7 != 8);
    console.log(8 === 8);
    console.log(8 !== 8);

非正常情况1

  • 特殊值参与比较运算
  • NaN参与:不等于和不全等于结果是true,其他的都是false
  • infinity参与,视情况而定

非正常去情况2

  • 其他数据类型参与比较运算(排除字符串与字符串的比较)。
  • 其他数据类型也会隐式转换为数字参与比较。
    “123”→123 true→1 false→0 null→0 undefined→NaN “”→0 “abc”→NaN
  • null 的判断比较特殊:null 与 0 判断时,相等判断为 false,>= 和 <= 判断为 true
  • null == undefined

非正常情况3

  • 字符串与字符串比较。
  • 不会发生隐式转换为数字,而是比较两个字符串的 Unicode 编码顺序。
  • 字符编码顺序:从前往后 0-9,A-Z,a-z,前面的小于后面的。
  • 比较时,不关心两个字符串的长度,从第一个字符开始比较,依次往后顺延比较,直到比较出大小,就不再往后比较。
console.log("6"<"12")
//这个的结果是false,原因是从第一位开始,6>1,

比较运算符运算顺序

  • 从前往后比较,前面的结果与后面的进行比较
  • 3>2>1
    上述的3>2>1的解释为:3>2得true,true与1比较,是等于才对

逻辑运算符

逻辑运算符常用于布尔类型值之间; 当操作数都是布尔值时,返回值也是布尔值。


正常情况

  • 布尔类型的值参与运算,返回值是布尔值


非正常情况

  • 除了布尔类型的值之外,其他数据类型的值也可以参与逻辑运算。运算过程中需要将操作数隐式转换为布尔类型的值,参与判断计算,最终运算结果还是原来的某个位置的数据。
  • 并不是所有逻辑运算返回结果都是布尔值,其他数据参与得到的就是数据本身。

隐式转换为布尔值的规律

  • 转为false:NaN、0、“”空字符串、null、undefined
  • 转为true:非0 非NaN数字、非空字符串
  • 当它们用于非布尔值的时候,返回值就可能是非布尔值。其实这种运算非常简单,就两句话:
  • (逻辑与 a&&b ) 如果a能被转换为false,那么返回a;否则,返回b。
  • (逻辑或 a ||b ) 如果a能被转换为true,那么返回a;否则,返回b。
    console.log(null && "123");
    console.log(12 && "123");
    console.log(12 || "123");
    console.log(undefined || null);
结果

逻辑运算符的运算顺序

  • 同种运算符从前往后运算
  • 综合运算顺序:非,与,或

赋值运算符

  • 赋值运算符必须有变量参与运算,赋值运算符会做两件事情:
  • 一,将变量中原始值参与对应数学运算,与右侧的数据。
  • 二,将运算结果再重新赋值给变量。
  • 变量位于操作符的左侧。

赋值运算符符号

一元运算符

  • ++ 和 -- 也叫一元运算符,只有一个操作数。
  • ++ 或 -- 符号可以写在变量前和变量后面,位置不同可能导致程序运行结果不同。
  • 以 ++ 为例:
  • a++: ++ 符号在变量之后,a++ 在参与程序过程中使用的原始没有加 1 的值,使用完后第二次用 a 变量时,a 用的就是加 1 后的新值。先参与,后自加。
  • ++a:++ 符号在变量之前,++a 在参与过程中整体就使用 a 加 1 之后的新值,使用完后第二次用 a 变量时,a 用的也是加 1 的新值。先自加,后参与

运算优先级

  • 运算优先级也可以叫做综合运算顺序
  • 从高到低:


    一元->算术->比较->逻辑->赋值
    var a = 4;
    var num = 1 * (2 + 3) && ++a || 5 > 6 && 7 < 8 || !9;

分析:最高优先级是括号,所以先运算(2+3)得5
然后一元运算符++所以++a=5,!9=false
然后进行算术运算符,得
5 && 5 || 5>6 && 7<8 || false
随后是关系运算符
5 && 5 || false && true || false
先与后或
5 || false || false
从前到后
5

    var a = 4;
    var num = 1 * (2 + 3) && ++a || 5 > 6 && 7 < 8 || !9;
    // num = 1 * 5 && ++a || 5 > 6 && 7 < 8 || !9
    // num = 1 * 5 && 5 || 5 > 6 && 7 < 8 || false
    // num = 5 && 5 || 5 > 6 && 7 < 8 || false
    // num = 5 && 5 || false && true || false
    // num = 5 || false || false
    // num = 5
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,132评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,802评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,566评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,858评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,867评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,695评论 1 282
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,064评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,705评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,915评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,677评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,796评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,432评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,041评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,992评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,223评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,185评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,535评论 2 343

推荐阅读更多精彩内容

  • 一元操作符 只能操作一个值的操作符。 递增和递减操作符 前置型:位于要操作的变量之前; 后置型:位于要操作的变量之...
    Sketch阅读 329评论 0 0
  • 一元操作符 递增递减操作符 前置型操作符 后置型操作符 递增递减操作符适用于字符串、布尔、浮点、null、unde...
    ChangLau阅读 353评论 0 0
  • 一共有六种数据类型:简单数据类型:number类型 字符串类型 布尔类型 null和undefined复杂数据类型...
    你才是个大人物c阅读 165评论 0 0
  • JavaScript中的运算符主要用于连接简单的表达示,组成一个复杂的的表达式一些运算符可以作用于任何数据类型(t...
    一条没有梦想的老咸鱼阅读 140评论 0 2
  • 运算符和分隔符 运算符也叫操作符,运算符连接两端的叫操作数 运算符:+、-、、*、/、//、%、@<<、>>、&、...
    zhyuzh3d阅读 879评论 0 1