web前端-javascript-关系运算符(＞、＞=、＜、＜=、非数值，Unicode 编码说明)

文章目录

关系运算符

关系运算符

var result = 5 > 10; //false

result = 5 > 4; //true

result = 5 > 5; //false

result = 5 >= 5; //true

result = 5 >= 4; //true

result = 5 < 4; //false

result = 4 <= 4; //true

//console.log("result = "+result);

//console.log(1 > true); //false
//console.log(1 >= true); //false
//console.log(1 > "0"); //true
//console.log(10 > null); //true
//任何值和NaN做任何比较都是false
//console.log(10 <= "hello"); //false
//console.log(true > false); //true

//console.log("1" < "5"); //true
//console.log("11" < "5"); //true

//比较两个字符换时，比较的是字符串的字符编码
//console.log("a" < "b"); //true
//比较字符编码是一位一位进行比较
//如果两位一样，则比较下一位，所以可以借用它来对英文进行排序
//console.log("bbc" < "bcd"); //true
//比较中文时没有意义
console.log("戒" > "我"); //false

//如果比较的是字符串型的数字，可能会得到不可预期的结果
//注意，在比较两个字符串型的数字时，一定一定一定要转型
console.log("11231231123123123" < +"5"); //false
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

请添加图片描述

1. 说明

通过关系运算符可以比较两个值之间的大小关系，
如果关系成立它会返回 true，如果关系不成立则返回 false

2. > 大于号

var result = 5 > 10; //false

result = 5 > 4; //true
/console.log("result = "+result);

result = 5 > 5; //false
/console.log("result = "+result);
1
2
3
4
5
6
7

判断符号左侧的值是否大于右侧的
如果关系成立，返回 true，如果关系不成立则返回 false

3. >= 大于等于

var result = 5 >= 5; //true

result = 5 >= 4; //true
console.log("result = " + result);
1
2
3
4

判断符号左侧的值是否大于或等于右侧的值

4. < 小于号

var result = 5 < 4; //false
console.log("result = " + result);
1
2

判断符号左侧的值是否小于右侧的
如果关系成立，返回 true，如果关系不成立则返回 false

5. <= 小于等于

result = 4 <= 4; //true
console.log("result = " + result);
1
2

判断符号左侧的值是否小于或等于右侧的值

6. 非数值的情况

console.log(1 > true); //false
console.log(1 >= true); //false
console.log(1 > "0"); //true
console.log(10 > null); //true
//任何值和NaN做任何比较都是false
console.log(10 <= "hello"); //false
console.log(true > false); //true

console.log("1" < "5"); //true
console.log("11" < "5"); //true

//比较两个字符换时，比较的是字符串的字符编码
console.log("a" < "b"); //true
//比较字符编码是一位一位进行比较
//如果两位一样，则比较下一位，所以可以借用它来对英文进行排序
console.log("bbc" < "bcd"); //true
//比较中文时没有意义
console.log("戒" > "我"); //false

//如果比较的是字符串型的数字，可能会得到不可预期的结果
//注意，在比较两个字符串型的数字时，一定一定一定要转型
console.log("11231231123123123" < +"5"); //false
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

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

6.2. 如果符号两端都是字符串时，不会将其转换为字符串进行比较

而会分别比较字符串中字符的 Unicode 编码
比较字符编码是一位一位进行比较
如果两位一样，则比较下一位，所以可以借用它来对英文进行排序

6.3. 任何值和 NaN 做任何比较都是 false

6.4. 比较中文时没有意义

6.5. 如果比较的是字符串型的数字，可能会得到不可预期的结果

注意，在比较两个字符串型的数字时，一定一定一定要转型

7. 编码

DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>title>
    <script type="text/javascript">
      console.log("\u2620");
    script>
  head>
  <body>
    <h1 style="font-size: 200px;">☠h1>
    <h1 style="font-size: 200px;">⚀h1>
  body>
html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14

请添加图片描述

在字符串中使用转义字符输出 Unicode 编码
- \u 四位编码

console.log("\u2620");
1

在网页中使用 Unicode 编码
- &#编码; 这里的编码需要的是 10 进制

<h1 style="font-size: 200px;">☠h1>
<h1 style="font-size: 200px;">⚀h1>
1
2

相关阅读:
Rabbitmq基本使用以及与springboot集成简单示例
6个好用到爆的音频、配乐素材网站，BGM都在这里了
关于在Qt中的timerEvent信号中设置QCustomplot的日期时间轴范围乱蹿(编译器优化变量volatile) 的解决方法
【计算机网络】网络层
bat脚本启动Java服务
web前端网页设计期末课程大作业：HTML旅游网页主题网站设计——酒店主题网站设计—酒店阳光温馨网站(5页)HTML+CSS+JavaScript
WebKit Inside: DOM树的构建
组合控件——增强型列表——循环视图RecyclerView——布局管理器LayoutManager
java计算机毕业设计校园环境保护监督系统源代码+系统+数据库+lw文档
智芯微801核心板外设驱动调试经验汇总--每天加一点

原文地址：https://blog.csdn.net/weixin_64933233/article/details/128044752