为什么js 3>2>1 为false，1<2<3为true？

最新推荐文章于 2021-06-01 12:03:16 发布
最新推荐文章于 2021-06-01 12:03:16 发布
阅读量3.4k 收藏 1
点赞数 3
CC 4.0 BY-SA版权
分类专栏： 【JavaScript】 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/javascriptcoder/article/details/42649301
本文详细解析了JavaScript中大于、小于运算符在不同数值比较时的行为逻辑，包括3>2>1与1<2<3的真假判断，解释了其背后的原理。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

问题：为什么js 3>2>1 为false，1<2<3为true？

首先，我们需要知道，在js中 0 == false和1 == true是正确的。
因此在分析3>2>1时，我们可以将其分为两步，首先是3>2返回是true，也就等价于1。
所以1>1结果自然是false了。

同理，1<2是true，等价于1，1<3也是true。

在可以考虑，3<2<1的情况呢，3<2是false，也就是0，0<1自然就是true了。
JavaScript教程带你快速入门
OIqng的博客
09-03 2529
JavaScript 简介 JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的高级编程语言。 JavaScript 是基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。 JavaScript 用法 HTML 中的脚本必须位于 标签之间。 脚本可被放置在 HTML 页面的 和 部分中。 <script>标签 <script> 和 </script> 会告诉 JavaScript 在何处开始和结
JS中布尔值为true和false的情况、简单点击事件、Prop 验证
chanzhiliao的博客
04-02 2346
JS中布尔值为true和false的情况、简单点击事件、Prop 验证
为什么js中 1小于2小于3为true，3小于2小于1 也为true？
天空守护云
01-22 1145
以下表达式的运行结果是： [1&lt;2&lt;3,3&lt;2&lt;1] A.[true,true] B.[true,false] C.报错 D.其他 答案选： A 问题：为什么js 1&lt;2&lt;3为 true , 3&lt;2&lt;1 也为 true？ 首先，我们需要知道，在js中 0==false和 true==1是正确的。 因此在分析3&lt;2&lt;1时，我们可以将...
为什么 3》2》1 为false，1《2《3为true
高先生的猫
05-26 1233
问题：为什么js 3>2>1 为false，1<2<3为true？ 首先，我们需要知道，在js中 0 == false和1 == true是正确的。 因此在分析3>2>1时，我们可以将其分为两步，首先是3>2返回是true，也就等价于1。 所以1>1结果自然是false了。 同理，1<2是true，等价于1，1<3也是true。 在可以考虑，3<2<1的情况呢，3<2是false，也就是0，0<1自然就是true了
JavaScript 三个等号（===）比较后为true的条件
天生我材没有用
12-13 529
JavaScript 三个等号（===）比较后为true，必须满足以下四个条件： [b]1、两个的数据类型必须一样； 2、两个数据的值必须一样； 3、两个都不能是NaN； 4、两个都不能是对象(除非两个都是null)；[/b] [b] 说明：① JS是引用比较，而非值比较； ② === 比较时，两边的数据不做任何的类型转换。[/b] 例子： 1、...
js 中三个等号===的含义
一个执着的程序员
05-19 5837
= 赋值运算符  == 等于  === 严格等于  例：  var a = 3;  var b = "3";  a==b 返回 true  a===b 返回 false  因为a,b的类型不一样  ===用来进行严格的比较判断
[3＞2＞1, 3 ＜ 2 ＜ 1] 连续判断结果
weixin_38222276的博客
06-01 589
return [ false,true] 问题：为什么js 3>2>1 为false，1<2<3为true？ 首先，我们需要知道，在js中 0 == false和1 == true是正确的。 因此在分析3>2>1时，我们可以将其分为两步，首先是3>2返回是true，也就等价于1。 所以1>1结果自然是false了。 同理，1<2是true，等价于1，1<3也是true。 在可以考虑，3<2<1的情况呢，3<2是false，也就是0
JavaScript中为什么null==0为false而null大于=0为true(个人研究)
01-19
生活中我们在不停的编写代码，写着JavaScript...为什么”null>=0″为true呢?null>=0的时候，强转为数字类型。在进行null>=0比较时，它是通过比较null<0 u5f97到的答案，如果a=b u4e3afalse，如果a=b>0为true。所以 null
前端练习错题集--2
易与天行的博客
07-16 1399
<html> <body> <script type="text/javascript"> var test=new Boolean(); document.write(test); document.write("<br />"); var test=new Boolean(0); document.write(test); document.write("<br />"); var test=new Boolean(null); docum
Js动态给表格节点tbody添加<td>数据
热门推荐
不再更新，新博客 chgl16.space
10-14 1万+
/** * 动态&lt;td&gt;填充当前页 */ function fillPage() { // 根据记录数确定要生成的行数 for (var i = 0; i != dataArray.length; ++i) { // 创建一个行元素 var row = document.createElement('tr'); ...
为什么js中 “3＞2＞1”为false，“1＜2＜3”为true？
仰淳的博客
09-06 1万+
内容 问题：为什么js 3&amp;amp;amp;amp;amp;gt;2&amp;amp;amp;amp;amp;gt;1 为false，1&amp;amp;amp;amp;amp;lt;2&amp;amp;amp;amp;amp;lt;3为true？ 首先，我们需要知道，在js中 0 == false和1 == true是正确的。 因此在分析3&amp;amp;amp;amp;amp;gt;2&amp;amp;amp;amp;amp;gt;1时，我
$var = true ? 1 : false ? 2 : 3;三目运算符的运算
fenghuanxia66的博客
09-05 3582
我今天在做php的题 被一道三目运算符难倒了 纠结了半个小时 终于想通了 看看我的想法和大家的一样不 同时想分享给大家 $var = true ? 1 : false ? 2 : 3; 这个呢就是 先算 true？1：false | true 判断 等于 1 然后是1？2：3 | 1是true 判断所以是 2 没错这道题的答案就是...
为什么js中 1小于2小于3为true，3小于2小于1 也为true？
新入菜鸟
01-14 3459
以下表达式的运行结果是： [1&amp;amp;amp;lt;2&amp;amp;amp;lt;3,3&amp;amp;amp;lt;2&amp;amp;amp;lt;1] A.[true,true] B.[true,false] C.报错 D.其他 答案选： A 问题：为什么js 1&amp;amp;amp;lt;2&amp;amp;amp;lt;3为 true , 3&amp;amp;amp;lt;2&amp;amp;amp;lt;1
JS中＞＞和＜＜运算
smallteddy.blog.youkuaiyun.com
08-18 5038
>> 运算 代表右移 15的二进制：0000 1111 15>>1就表示：0000 0111 // 等于7 15>>2就表示：0000 0011 // 等于3 <<运算 代表左移 1的二进制：0000 0001 1<<3就表示：0000 0100 // 等于1*2³=8 2的二进制：0000 0010 2<<3就表示：0001 0000 // 等于2*2³=16 ...
{} == {} 结果为什么是false？
hb_zhouyj的博客
10-25 1万+
var a = function() {console.log(11)}; var b = function() {console.log(11)}; console.log( a==b ); //false console.log( {}=={} ); //false console.log( []==[] ); //false 如你所见，上述三个例子结果都为false。 相信很多人都碰到
[1<2<3,3<2<1]
炒粉。
09-06 1747
[1<2<3,3<2<1] 此题会让人误以为是2>1&&2<3,其实不是的，这个题等价于1<2=>true; true<3=>1<3=>true; 3<2=>false; false<1=>0<1=>true;
js console.log(1＜2＜3)的运算结果；console.log(3＞2＞1)的运算结果
cake_eat的博客
10-22 1932
今天看到了一个很有意思的题目： console.log(1<2<3)和console.log(3>2>1)的运算结果分别是什么？ 这道题主要在考察布尔类型的数据参与比较运算的时候是如何转换的： 在关系运算符中：如果一个操作数是布尔值，则先将其转换为数值，然后再执行比较。 我们可以做一个测试： var result1 = 1<2 ; console.log(result1); //true console.log(result1<3); //true var resu
前端基础学习：javascript表达式，你知道为什么3+true=4吗？
weixin_42037237的博客
04-21 1403
原始表达式原始表达式是最简单的表达式。它是表达式的最小单元。Javascript中的原始表达式有：常量、直接量、关键字、变量。1.23 //数字直接量"hello"//字符串直接量true//保留字，布尔值null//保留字，表示空值this//保留字，返回当前对象i //变量，表示i值数组初始化表达式数组初始化表达式（也称数组直接量），它实际上是一个新创建的数组。数组初始化表达式是通过一对方括号...
<resources> <!-- 1. 配置文件（application.properties, application.yml） --> <resource> <directory>src/main/resources</directory> <filtering>true</filtering> <includes> <include>*.properties</include> <include>*.yml</include> </includes> </resource> <!-- 2. SQL 脚本 --> <resource> <directory>src/main/resources</directory> <filtering>false</filtering> <includes> <include>*.sql</include> </includes> </resource> <!-- 3. 静态资源（HTML, JS, CSS） --> <resource> <directory>src/main/resources</directory> <filtering>false</filtering> <includes> <include>static/**</include> </includes> <targetPath>${project.build.outputDirectory}</targetPath> </resource> </resources>加载不出前端页面，但是如果 不加载配置文件，只有 <resource> <directory>src/main/resources</directory> <filtering>true</filtering> <includes> <include>static/**</include> </includes> <targetPath>${project.build.outputDirectory}</targetPath> </resource>则能加载前端页面
最新发布
07-03
你遇到的问题非常典型： > **当配置了完整的 `<resources>`（包括 properties、sql、static 分别处理）时，前端页面加载失败；但如果只保留 `static/**` 的资源加载，并启用 `filtering=true`，则页面能正常显示。** --- ## ✅ 问题分析 ### 🚫 错误现象描述 | 配置方式 | 能否访问前端 | |----------|--------------| | 完整的 `<resources>`（分 properties/sql/static） | ❌ 无法访问前端 | | 只保留一个 `<resource>` 加载 `static/**` 并设置 `filtering=true` | ✅ 前端可以访问 | --- ## 🔍 真正原因：**多个 `<resource>` 配置覆盖了默认行为** 在 Maven 中，默认会将整个 `src/main/resources/` 目录下的内容打包到输出目录（如 `target/classes/`），但如果你自定义了 `<resources>`，那么 **默认行为会被覆盖**。 也就是说： > **一旦你在 `pom.xml` 中写了 `<resources>`，Maven 就只会处理你显式列出的那些资源路径**。 所以： ```xml <resources> <resource> <directory>src/main/resources</directory> <filtering>true</filtering> <includes> <include>*.properties</include> <include>*.yml</include> </includes> </resource> ... </resources> ``` 上面这段配置意味着： - **只有 `*.properties`, `*.yml` 文件被复制** - **其他所有资源（如 `/static/` 下的内容）都不会被复制！** 这就是为什么前端页面无法加载的根本原因 —— **HTML、JS、CSS 文件根本没有被打包进最终的 jar 包中**。 --- ## ✅ 正确做法：确保所有必要的资源都被包含 你原来的完整 `<resources>` 配置是正确的，但必须保证： - 所有需要的资源类型都明确列在 `<includes>` 中 - 没有遗漏任何目录（比如 `static/`） --- ## ✅ 推荐修正后的完整 `<resources>` 配置 ```xml <resources> <!-- 1. 配置文件（application.properties, application.yml） --> <resource> <directory>src/main/resources</directory> <filtering>true</filtering> <includes> <include>*.properties</include> <include>*.yml</include> </includes> </resource> <!-- 2. SQL 脚本 --> <resource> <directory>src/main/resources</directory> <filtering>false</filtering> <includes> <include>*.sql</include> </includes> </resource> <!-- 3. 静态资源（HTML, JS, CSS） --> <resource> <directory>src/main/resources</directory> <filtering>false</filtering> <includes> <include>static/**</include> </includes> <targetPath>${project.build.outputDirectory}</targetPath> </resource> </resources> ``` 这个配置是标准且推荐的做法，但它要求： ✅ **确保你的静态资源放在 `src/main/resources/static/` 下** 否则，如果你把 HTML 放在 `src/main/resources/templates/` 或别的地方，它就不会被复制！ --- ## ✅ 如果你想简化配置，只加载 static 目录（不关心 properties/yml/sql） 你可以使用如下最简配置（适用于调试或简单项目）： ```xml <resources> <!-- 仅加载 static 目录，不处理变量替换 --> <resource> <directory>src/main/resources</directory> <filtering>false</filtering> <includes> <include>static/**</include> </includes> <targetPath>${project.build.outputDirectory}</targetPath> </resource> </resources> ``` 这样虽然不能加载 `.properties` 和 `.sql` 文件，但可以确保前端资源正确打包。 --- ## ✅ 如何验证是否成功打包？ 构建项目后执行： ```bash mvn clean package ``` 然后查看 jar 包内容： ```bash jar tf target/your-app.jar | grep BOOT-INF/classes/static/ ``` 你应该看到类似输出： ``` BOOT-INF/classes/static/index.html BOOT-INF/classes/static/js/app.js BOOT-INF/classes/static/css/style.css ``` 如果没有这些文件，请检查你的 `<resources>` 配置是否包含 `static/**`。 --- ## ✅ 补充说明：`targetPath` 是做什么的？ ```xml <targetPath>${project.build.outputDirectory}</targetPath> ``` 这句的意思是： > 把当前 resource 的内容复制到构建输出目录（通常是 `target/classes/`） 这对于 Spring Boot 来说非常重要，因为 Spring 默认从 `classpath:/static/` 加载资源，而该路径对应的就是： ``` target/classes/static/ ``` --- ## ✅ 总结对比表 | 配置方式 | 是否包含 static 资源 | 是否启用 filtering | 是否能访问前端 | |----------|---------------------|--------------------|----------------| | 完整 `<resources>` + 包含 `static/**` | ✅ 是 | ✅ 否（安全） | ✅ 能访问 | | 完整 `<resources>` - 忘记 `static/**` | ❌ 否 | - | ❌ 无法访问 | | 只保留 `static/**` + `filtering=false` | ✅ 是 | ❌ 否 | ✅ 能访问 | | 只保留 `static/**` + `filtering=true` | ✅ 是 | ✅ 是（可能破坏 JS/HTML） | ❌ 页面出错 | --- ##
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值