js【详解】比较(数字与数字比较、数字与字符串比较、字符串与字符串比较、字符串与非数字比较……)

简介: js【详解】比较(数字与数字比较、数字与字符串比较、字符串与字符串比较、字符串与非数字比较……)

比较——数字 vs 数字

比较原理:将所有数字转换为十进制的数字后,根据数值大小进行比较

  • 0开头的数字会被认成是八进制数字,比如 63<0100<65 ,因0100转为十进制 Number(0100) 后的值为64
  • 在严格模式中,禁止使用0开头的数字这种表示法,会报错。
10 < 11  // true
0100 < 65  // true  0100被视为八进制数字,转为10进制数字后,值为64

比较——数字 vs 非数字类型的数据

比较原理:先将非数字类型的数据转换为数字,再将所有数字都转换为十进制的数字,最后根据数值大小进行比较

通过【 Number(数据) 】 可以获取数据转换为数字后的值

字符串

纯数字的字符串转为数字时,得到对应的数字。  Number('20') 得到 20  

0开头的纯数字的字符串,会先去掉头部的所有0。 Number('0100') 和 Number('00100') 都会得到100

非纯数字的字符串,因无法转化为数字,都会得到NaN,而 NaN 和任何数字(任何值,包括NaN自己)比较都会得到 false

'10' < 11  // true   '10'转为数字为10
'0100' < 65  // false  '0100'转为数字为100
'0100a' < 65  // false  '0100a'转为数字为NaN,NaN与任何值比较都是false
'0100a' > 65  // false  '0100a'转为数字为NaN,NaN与任何值比较都是false

布尔型

  • false 转化为数字为 0  
  • true 转化为数字为 1

数组

  • [] 空数组转化为数字为 0  
  • [12]或 ['12'] 只有一个可转换为数字的元素的数组转化为数字为 12
  • [12,2]等所有无法转为数字的数组转化为数字为 NaN

对象

  • 时间对象可以转化为数字,值为时间对应的时间戳,相当于执行了时间对象的.getTime() 方法
  • {} 等其他无法转换为数字的对象转化为数字为 NaN
Number(new Date())   // 得到执行时时间对应的时间戳1620872129032

undefined 转化为数字为 NaN

null 转化为数字为 0

比较——字符串 vs 非数字类型的数据

比较原理:先将非数字类型的数据转换为字符串,再从左到右,依次取出字符串各位上的字符,根据字符的Unicode 编码值的大小进行比较,直到得出最终的比较结果

通过【数据.toString() 】 可以获取数据转换为字符串后的值

通过【字符.charCodeAt() 】 可以获取字符的Unicode 编码值

'a' < 'b'  //true  'a'.charCodeAt()为97  'b'.charCodeAt()为98
'aa' < 'ab'  //true  第1位字符相等,比较第2位字符
'a' < 'ab'  //true  第1位字符相等,比较第2位字符,若字符缺失,则无字符永远小于有字符
 
// ['a','a'] 转换为字符串为  'a,a'
// ','.charCodeAt()为44
// ' '.charCodeAt()为32
'a,a' < ['a','b']   //true 
'a a' < ['a','a']  //true 

lodash常用的比较函数

相等

var object = { 'a': 1 };
var other = { 'a': 1 };
 
_.eq(object, object);
// => true
 
_.eq(object, other);
// => false
 
_.eq('a', 'a');
// => true
 
_.eq('a', Object('a'));
// => false
 
_.eq(NaN, NaN);
// => true

深比较

var object = { 'a': 1 };
var other = { 'a': 1 };
 
_.isEqual(object, other);
// => true
 
object === other;
// => false

大于

大于等于 _.gte

_.gt(3, 1);
// => true
 
_.gt(3, 3);
// => false
 
_.gt(1, 3);
// => false

小于

小于等于 _.lte

_.lt(1, 3);
// => true
 
_.lt(3, 3);
// => false
 
_.lt(3, 1);
// => false



目录
相关文章
|
存储 JavaScript 前端开发
JS上传文件(base64字符串和二进制文件流)
这篇文章介绍了两种JavaScript文件上传的方法:使用FileReader对象将文件读取为base64字符串上传,以及使用FormData对象以二进制文件流的形式上传文件,包括如何处理文件选择、读取和上传的详细代码示例。
1705 2
JS上传文件(base64字符串和二进制文件流)
|
JavaScript 前端开发
JS几种拼接字符串的方法
JS几种拼接字符串的方法
384 1
|
JavaScript 前端开发 数据处理
模板字符串和普通字符串在浏览器和 Node.js 中的性能表现是否一致?
综上所述,模板字符串和普通字符串在浏览器和 Node.js 中的性能表现既有相似之处,也有不同之处。在实际应用中,需要根据具体的场景和性能需求来选择使用哪种字符串处理方式,以达到最佳的性能和开发效率。
412 63
|
JavaScript 前端开发 开发者
JavaScript字符串的常用方法
在JavaScript中,字符串处理是一个非常常见的任务。JavaScript提供了丰富的字符串操作方法,使开发者能够高效地处理和操作字符串。本文将详细介绍JavaScript字符串的常用方法,并提供示例代码以便更好地理解和应用这些方法。
338 13
|
JavaScript 前端开发 索引
JavaScript学习第二章--字符串
本文介绍了JavaScript中的字符串处理,包括普通字符串和模板字符串的使用方法及常见字符串操作方法如`charAt`、`concat`、`endsWith`等,适合前端学习者参考。作者是一位热爱前端技术的大一学生,专注于分享实用的编程技巧。
216 2
|
JavaScript 前端开发
javascript创建字符串
javascript创建字符串
|
存储 JavaScript 前端开发
JavaScript 字符串(String) 对象
JavaScript 字符串(String) 对象
196 3
|
JavaScript 前端开发
如何在JavaScript中替换字符串:一篇详细指南
如何在JavaScript中替换字符串:一篇详细指南
|
JavaScript 前端开发 安全
JavaScript编程实现字符和字符串翻转
JavaScript编程实现字符和字符串翻转