众所周知,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