eslint工具编程“ Unnecessary use of boolean literals in conditional expression” 错误的解决方案

最新推荐文章于 2023-01-13 15:55:56 发布
置顶 最新推荐文章于 2023-01-13 15:55:56 发布
阅读量1.7w 收藏 2
点赞数 1
分类专栏： Vue开发笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013025674/article/details/87921745
版权

今天快下班提交代码时碰到这个很诡异的问题，如下图

这是我的代码报错的地方

很明显是eslint工具检测出来的，我们必须用它的代码规范来编程。后来查了下eslint官方文档，对其解释是：

当存在更简单的替代方案时，不允许三元运算符（不需要 - 三元）

也就是说我这种写法会显得啰嗦

改变这两行代码的写法 就ok了

详细解释说明传送

不知名码农1994
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
eslint-plugin-cypress:ESLint插件，用于使用赛普拉斯的项目
04-27
赛普拉斯ESLint插件 测试的插件。 注意：如果您全局安装了ESLint，则还必须全局安装eslint-plugin-cypress 。安装npm install eslint-plugin-cypress --save-dev 或者yarn add eslint-plugin-cypress --dev用法使用....
Git in Practice
11-21
Git in Practice is not a comprehensive guide of every single command and feature avail- able with Git. A book that covered this would be considerably longer than the one you find before you, and you’...
ESLINT 报错 Unnecessary use of boolean literals in conditional expression
qq_34466755的博客
08-04 4633
ESlint报错：Unnecessary use of boolean literals in conditional expression 在使用三元运算符时，如果给定的返回的结果是boolean值则会出现这个错误。 假设有如下方法： var a = [1,2,3] function fun(array) { return array.length > 0 ? true : false } console.log(fun(a)) // true 错误原因：array.length > 0 这
笔记:Vue报错Unnecessary use of boolean literals in conditional expression
popstarqq的博客
11-15 1719
翻译一下:在条件表达式中不必要的boolean文字使用；直白点没必要把true或者false这两个单词写出来嘛； 如下三元运算符在vue中就会报错，不过确实没必要用三元运算符写出来 let result=value>10?true:false 正确方式: let result=value>10 所以在工作中尽量注意即可，即便不是vue工程，亦可养成较好编码习惯 ...
ESlint提示Unnecessary use of boolean literals in conditional expression
Lucky_girl_wan的博客
01-13 357
使用三元运算符时，判断返回的是true或者false，ESlint提示Unnecessary use of boolean literals in conditional expression。解决方法：使用双重否定，迫使结果变成一个布尔类型。
Vue报错：Unnecessary use of boolean literals in conditional expression
公众号：前端充电宝
06-01 9658
在写网页的吸顶效果时，出现错误：Unnecessary use of boolean literals in conditional expression data(){ return { isFixed: false } }, mounted(){ window.addEventListener('scroll', this.initHeight) }, destroyed(){ window.removeEventListener('scrol
Unnecessary use of boolean literals in conditional expression解决方法
sjy的博客
02-22 3427
问题描述 Vue中使用v-show隐藏/显示代码块，用计算属性返回true或false，返回三目运算符，出现Unnecessary use of boolean literals in conditional expression return show ? true : false 原因 返回值是文字类型，返回的是相当于是‘true’或‘false’ 解决方法 使用双重否定，迫使结果变成一个布尔类型 return !!show ...
Unnecessary Code Detector
11-09
当我们需要清理代码并删除那些不需要的代码碎片时，Unnecessary Code Detector...此外，这个工具还会标记出其他的编码错误，在将代码提交到仓库之前使用该工具是非常有用的。
is-unnecessary:好吧，是吗？
05-16
标题 "is-unnecessary:好吧，是吗？" 指向的是一个名为 "is-unnecessary" 的 JavaScript 库。这个库很可能提供了一些功能，用于检查某个对象、变量或条件是否真的必要，或者帮助开发者识别和消除代码中的冗余部分。...
demo-eslint-plugin-tailwindcss:演示“ eslint-plugin-tailwindcss”如何为您工作
03-31
`eslint-plugin-tailwindcss` 是一个用于 ESLint 的插件，它专门设计用来帮助开发者遵循 Tailwind CSS 的编码风格和最佳实践。Tailwind CSS 是一个实用主义的 CSS 框架，它允许快速构建高度定制的前端界面，而无需...
eslint 报错与解决
l13914988741的专栏
08-10 3948
1. 'Trailing spaces not allowed' 这个是行尾有多余的空格，删除就可以了 2. ''XXX' is assigned a value but never used' 声明的变量没有使用 3. 'String must use singlequote' 把双引号改成单引号就行了 4. 'Extra semicolon' 行尾多了分号，（默认的eslint配置是不使用分号的） 5. 'Unexpected trailing comma' 行尾多了一个逗号 6. 'Unex
三元表达式简写问题
PorkCanteen的博客
11-18 740
this.fixed = scrollTop > 140 ? true : false 遇到 eslint 报错如下 error Unnecessary use of boolean literals in conditional expression no-unneeded-ternary 即 “该情况下条件表达式中没必要写出布尔值” 故可以简化如下 this.fixed = scrollTop > 140 ...
【ESLINT报错】eslint/tslint常见报错集合
qq_39404437的博客
07-25 6856
eslint常见报错集合
C/C++一些常见的错误
热门推荐
默的博客
03-07 2万+
comparison between pointer and integer ：比较了两种不同类型的变量，指针和整型
Avoid Literals In If Condition
sui102的专栏
05-08 300
【原因分析】 在条件判断语句中使用了硬编码的字面值，例如： if (!"0".equals(retCode))    【影响分析】 这种硬编码的字面值不容易理解其含义，进而影响对逻辑表达式的理解。另外硬编码的字面值也容易在代码中重复出现，给代码的维护增加难度。   【修改建议】 建议修改。将硬编码的字面值定义成静态变量或私有的成员变量。例如： private Stri...
eslint报错: Unnecessary escape character: \- no-useless-escape eslint
半夏_2021的博客
05-06 1万+
eslint报错: Unnecessary escape character: \- no-useless-escape eslint
Python中if else简写出现"SyntaxError: can't assign to conditional expression"错误的解决方法
qiubingcsdn的博客
10-14 1万+
出错语句 b = 1 if len(num1) < len(num2) else b = 2 出错原因在于else后面出现"b = 2"的表达式 将"b = 2"修改为如下即可 b = 1 if len(num1) < len(num2) else 2 注意：if else写法必须写全，有if 必须有else 在return时使用例子：return com[2] if ...
JSLint检测Javascript语法规范
u013078295的博客
09-06 3497
前端javascript代码编写中，有一个不错的工具叫JSLint，可以检查代码规范化，压缩JS，CSS等， 但是他的语法规范检查个人觉得太“苛刻”了，会提示各种各样的问题修改建议，有时候提示的信息我们看的莫名其妙， 这里，先转载一下携程UED的一个技术文章（原文链接http://ued.ctrip.com/blog/?p=2733），看看JSLint的错误提示都是什么意思：
2021-02-23
happygirlnan的专栏
02-23 521
eslint规范检查工具告警笔记 1、 Identifier '__webpack_public_path__' is not in camel case不是驼峰式 2、Extra semicolon 使用 vue-cli 构建的项目，模版是 webpack ，默认的 eslint 配置是以 standard 为基础的，要求是不使用分号。 3、Infix operators must be spaced 运算符前后加空格(如=) 4、Strings must use singlequote...
Unnecessary use of conditional expression for default assignment.eslintno-unneeded-ternary
最新发布
07-14
这个警告是由ESLint的规则`no-unneeded-ternary`引起的，它表示在默认赋值时使用条件表达式是不必要的。 在上面的代码示例中，可以看到在`filterItems`方法中使用了条件表达式来处理空字符串的情况。然而，根据该警告，使用条件表达式是不必要的，因为我们可以直接使用简单的赋值操作来实现相同的效果。 要解决这个警告，你可以将条件表达式改为简单的赋值操作。 下面是修改后的代码示例： ```vue <template> <div> <q-select v-model="selectedItem" :options="filteredItems" option-label="label" option-value="value" :filter="filterItems" input-debounce="300" placeholder="Search" /> </div> </template> <script> export default { data() { return { selectedItem: '', items: [ { label: 'Option 1', value: 'option1' }, { label: 'Option 2', value: 'option2' }, { label: 'Option 3', value: 'option3' }, // 其他选项... ], filteredItems: [] }; }, methods: { filterItems(val, update) { if (val === '') { update(() => { this.filteredItems = []; }); } else { const lowercaseVal = val.toLowerCase(); this.filteredItems = this.items.filter(item => item.label.toLowerCase().includes(lowercaseVal) ); } } } }; </script> ``` 在修改后的代码中，我们移除了条件表达式，并直接在`if`语句的分支中进行赋值操作。这样可以避免不必要的条件表达式。 通过这种方式，我们可以消除ESLint警告，并且代码逻辑仍然保持一致。 希望这个解决方案对你有所帮助！如果还有其他问题，请随时提问。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值