Javascript 逻辑比较运算

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 4,198评论 0 13
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,937评论 18 139
  • 校园里有一条很长很长的水泥路 不宽 每天都是拥挤的人群 清晨 好像墨水没有晕开 起的很长的人和松鼠 带着篮子的旧车...
    李小羽阅读 276评论 0 1
  • 工资算好的,大家看看有没有问题。 很多问题。为什么还是扣了我三百块?已经够数了。 是那张租单你主单,而且拆完数当月...
    流浪痴人阅读 148评论 0 0
  • 我有一个非常要好的朋友,虽然我们真正意义上成为朋友才不过两年光景,但她对我意义非凡,因为毫不夸张的说,她带给我的改...
    笨鸡最爱的鸭蛋黄阅读 1,738评论 1 2