当前位置: 首页 > java >正文

【JavaScript】关系运算符--非数值类型、Unicode编码表

1、关系运算符--非数值类型

对于非数值进行比较时,会将其转换为数字然后再比较。

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>var ch1 = 1 > '0';var ch2 = 2 > true;var ch3 = 0 > false;console.log("ch1=" + ch1);console.log("ch2=" + ch2);console.log("ch3=" + ch3);</script>
</head><body></body></html>

结果:

注意:任何值和NaN作比较都是false.

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>document.writeln(10 > 'haa');</script>
</head><body></body></html>

 结果:

 注意:如果关系运算符的两侧的值都是字符串时,不会将其转换为数字进行比较,而会分别比较字符串中字符的Unicode编码。

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>var ch1 = "1" < "5";var ch2 = 11 > "5";var ch3 = "11" > "5";var ch4 = "a" < "b";document.writeln("ch1=" + ch1);document.writeln("<br>");document.writeln("ch2=" + ch2);document.writeln("<br>");document.writeln("ch3=" + ch3);document.writeln("<br>");document.writeln("ch4=" + ch4);</script>
</head><body></body></html>

结果:

 比较字符编码时是一位一位进行比较,如果两位一样,则比较下一位,所以可以借助这一特性来对英文进行排序

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>var ch1 = "abc" < "b";var ch2 = "bbc" < "b";document.writeln("ch1=" + ch1);document.writeln("<br>");document.writeln("ch2=" + ch2);</script>
</head><body></body></html>

结果:

如果比较的两个字符串型的数字,可能会得到不可预期的结果,注意:在比较两个字符串型的数字时,一定一定一定要转型。  

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>document.writeln("11111" < +"5");//+"5"会转换为整型:5</script>
</head><body></body></html>

结果:

2、Unicode编码表

unicode编码表网站:Unicode 符号表 - 所有 Unicode 字符及其代码都在一页上 (◕‿◕) SYMBLhttps://symbl.cc/cn/unicode-table/

 在字符串中使用转义字符输入Unicode编码方法:“\u四位编码”,u指的是unicode编码,四位编码指的是unicode编码的十六进制表示

示例:

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>document.writeln("\u2620");</script>
</head><body></body></html>

 结果:

在网页中使用Unicode编码:  &#编码;     这里的编码是十进制

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><!-- 十六进制2620对应的十进制为: 16*2+6*16*16+2*16*16*16==9760--><h1>&#9760;</h1>
</body></html>

结果:

http://www.xdnf.cn/news/2314.html

相关文章:

  • BG开发者日志0427:故事的起点
  • android ams调试指令介绍
  • 【数据结构】·励志大厂版(复习+刷题):二叉树
  • 从零搭建云原生后端系统 —— 一次真实项目实践分享
  • django admin 中更新表数据 之后再将数据返回管理界面
  • python+flask+flask-sockerio,部署后sockerio通信异常
  • vue中将html2canvas转成的图片传递给后台 Python Flask 服务
  • C#中属性和字段的区别
  • 毕业设计-基于机器学习入侵检测系统
  • Java学习手册:Java开发常用的内置工具类包
  • c语言知识整理
  • ADC单通道采集实验
  • 农经权利用mdb与dbf生成公示表
  • 上位机知识篇---寻址方式
  • 通过gap看margin和padding在布局中的应用
  • 摩尔投票法详细介绍
  • void指针为何能幻化有数据类型?
  • Linux下的I/O复用技术之epoll
  • Linux:进程间通信->命名管道
  • 【WSL】wsl2出现Exec format error的解决办法
  • 矫平机终极指南:特殊材料处理、工艺链协同与全球供应链管理
  • Java 线程的六种状态与完整生命周期详解
  • YOLOv8改进新路径:Damo-YOLO与Dyhead融合的创新检测策略
  • C语言学习之调试
  • 小白自学python第三天
  • 当高级辅助驾驶遇上“安全驾校”:NVIDIA如何用技术给无人驾驶赋能?
  • Python类和对象四(十三)
  • 2025雅思口语工具Top10:AI软件真实测评
  • 在springboot项目中,如何进行excel表格的导入导出功能?
  • JavaScript基础-算数运算符