美文网首页
Javascript 逻辑比较运算

Javascript 逻辑比较运算

作者: JSoon | 来源:发表于2018-02-05 18:04 被阅读0次

众所周知,Javascript是一门弱类型语言(weakly typed or untyped language)。这也造成了诸多问题,如何进行逻辑比较便是问题之一。

首先,我们需要了解的是,由于Javascript的变量不具有类型,所以其在创造比较运算符的时候加入了值比较和值&类型比较,如下所示:

// 进行等于逻辑运算时
== // 仅进行值比较,不进行类型比较
=== // 进行值比较,且进行类型比较

// 进行大小比较逻辑运算时
<, <=, >, >= // 仅进行值比较,不进行类型比较

在变量进行比较的时候,又可以分为以下几种情况:

  • 数字 比较 数字
  • 数字 比较 字符串
  • 字符串 比较字符串

数字 比较 数字

在数字同数字比较时,Javascript解释器(后统称解释器)首先会判断两个变量是否为数字类型,如果是,则可以直接进行数字大小判断,如下所示:

1 == 1 // true
1 == 2 // false
1 < 2 // true
1 > 2 // false
...

数字 比较 字符串

在数字同字符串进行比较时,解释器首先会将字符串进行数字化处理(也许是Number操作,具体还需要参考不同浏览器Javascript引擎比较运算符逻辑实现),然后再进行比较。

需要注意的是,数字字符串在数字化后会被转换为对应数字;非数字字符串在数字化时始终会被转换为NaN,而任意数字同NaN进行逻辑运算,始终会返回false。如下所示:

// 数字同数字字符串进行比较
1 > '2' // false
1 < '2' // true
1 == '1' // true
1 === '1' // false
...
// 数字同非数字字符串进行比较
1 > 'a' // false
1 < 'a' // false
1 == 'a' // false
1 === 'a' // false
...
// 数字同NaN进行比较
1 > NaN // false
1 < NaN // false
1 == NaN // false
1 === NaN // false

字符串 比较 字符串

字符串与字符串进行比较时,就比较有意思了。当一个字符串同另一个字串进行比较逻辑运算时,会按照字符在串中出现的顺序,依次进行ASCII编码的十进制运算,直到一方字符结束(只会比较相同位置的字符),通俗一点来说,就是进行码位计算(也许是String.prototype.charCodeAt操作,具体还需要参考不同浏览器Javascript引擎比较运算符逻辑实现)。如下所示:

// 相同长度比较
'0' > '1'  // false

// 流程如下:
1. 左 = '0'.charCodeAt(0) // 48
2. 右 = '1'.charCodeAt(0) // 49
3. 48 > 49 // false
4. 左 > 右 // false

// 不同长度比较
'12' > '101' // true

// 流程如下:
// 第一位相同,故省去比较步骤
1. 左 = '2'.charCodeAt(0) // 50
2. 右 = '0'.charCodeAt(0) // 48
3. 多出的一位不再进行比较
4. 50 > 48 // true
5. 左 > 右 // true

// 再来一个例子,有助消化
'2a' > '1b' // true

// 流程如下:
1. 左1 = '2'.charCodeAt(0) // 50
2. 右1 = '1'.charCodeAt(0) // 49
3. 左2 = 'a'.charCodeAt(0) // 97
4. 右2 = 'b'.charCodeAt(0) // 98
5. 左1 > 右1 // true
6. 由于首位已经左边大于右边了,无论还有多少位字符,都不用再进行比较,可直接得出结论
7. 左 > 右 // true

// 机智一点的同学应该已经察觉,由于ASCII编码中,美式英文字符是区分大小写的,
// 故得出的十进制编码表示也不一致,固有以下情况:

// 大小写英文比较
'a' < 'A' // false

左 = 'a'.charCodeAt(0) // 97
右 = 'A'.charCodeAt(0) // 65

显然,97 > 65,故这个比较结果为false。

参考文献

https://www.w3schools.com/js/js_comparisons.asp
https://stackoverflow.com/questions/10863092/why-is-string-11-less-than-string-3
https://en.wikipedia.org/wiki/Strong_and_weak_typing
https://zh.wikipedia.org/wiki/ASCII

相关文章

  • runoob js第三天

    JavaScript 比较 和 逻辑运算符 比较和逻辑运算符用于测试 true 或者 false。比较运算符x=5...

  • Javascript 逻辑比较运算

    众所周知,Javascript是一门弱类型语言(weakly typed or untyped language)...

  • JavaScript逻辑运算符与赋值运算符

    逻辑运算符 JavaScript中有三个逻辑运算符,&&与、||或、!非。 JavaScript 中的逻辑运算符可...

  • review javascript 27:JS运算符

    JavaScript 运算符主要包括:· 算术运算符· 赋值运算符· 比较运算符· 三元运算符· 逻辑运算符· 字...

  • 运算符(操作符)

    1. 运算符的分类 JavaScript中常用的运算符有: 算数运算符 递增和递减运算符 比较运算符 逻辑运算符 ...

  • Javascript运算符

    JavaScript 运算符 JavaScript 运算符用于赋值,比较值,执行算术运算等。 JavaScript...

  • JavaScript运算符

    在JavaScript中,常见的运算符有算数运算符、比较运算符和逻辑运算符。 " + "号也可以用来连接字符串 “...

  • 逻辑运算符

    赋值运算符 比较运算符 先运算再比较 逻辑运算符 比较大于逻辑!,&&,|| 单目运算符(!++ -- & ) 大...

  • 逻辑运算,闭包

    算术运算(+-*/%)>比较运算(!==,>= ,<= , = =)>逻辑运算(&&,||)>赋值运算(=)...

  • js学习2-运算符

    一、算数运算 二、比较运算 三、逻辑运算

网友评论

      本文标题:Javascript 逻辑比较运算

      本文链接:https://www.haomeiwen.com/subject/mzdizxtx.html