js中优化if else结构的几点建议

最新推荐文章于 2024-09-11 20:48:42 发布
原创 最新推荐文章于 2024-09-11 20:48:42 发布 · 1.5k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript

本文分享了三种提升代码效率的技巧：运用逻辑与运算符简化条件判断、使用includes方法处理多重条件判断以及采用三元运算符增强代码的简洁性和可读性。

1.逻辑与运算符

bad:

  if(isShow){

  // todo

}

good:

isShow&&toDo()

 

2.使用 includes 处理多重条件

    if( currentWind === 2 || code === 3 || code === 4 ){

       // toDo

}

可以改成

  if([2,3,4].includes(currentWind)){

    // todo

}

 

3.使用三元运算

待续

JavaScript 优化 if-else 代码
且听风吟的博客
12-08 1166
一、提前return，去除不必要的else 如果 if-else 代码块包含 return 语句，可以将不符合条件的情况提前return，去掉多余的else。 优化前： if (condition) { const a = 300 } else { return; } 优化后： if (!condition) { return } const a = 300 二、使用三目运算符 使用三目运算符，可以将多行代码变为一行代码实现。 优化前： let res = '' if (condition) {
JavaScript 超大量if-else判断如何优化（设计思路）
最新发布
wuyxinu的博客
10-30 663
面试遇到一个挺有意思的问题，就问到，项目这边有个问题，我这边现在一开始只有一个字段F1，有对应的若干个值，然后我们通过if else判断，判断这个值是什么，处理一些数据。再然后到现在，我们的字段已经有了五个字段了，每个字段还有他对应的值，那么我这边的if-else判断语句就多到不行了。不管怎么优化，我们对应的if-else的执行代码，总是有他不一样的地方的。所以我们直接将内部的代码，抽成一个个的函数。既然可以通过生成代码的方式，生成if-else，代码，那我通过生成代码的方式，来处理这种情况不就好了。
【JS代码规范】如何优化if-else代码规范
qq_43720551的博客
09-11 1159
用策略模式优化许多if-else 判断的代码。增强可读性
js中if...else多分支优化
m0_60189088的博客
01-02 894
优化JavaScript中的多分支逻辑有很多方法。选择最适合你代码的方法可以提高代码的可读性、可维护性和性能。同时，要避免过度优化，保持代码的简洁性和可读性是最重要的。
JS优化if...else
唯心所现，唯识所变
07-07 1258
最近公司要求优化之前项目的代码，去掉if…else…之类的。 情况一： if (this.devstate == 1) { this.functionTag = "AA"; this.strValue = 1; } else if (this.devstate == 2) { this.functionTag = "AA"; this.strValue = 0; } else if (this.devstate =
JS 多个if else判断优化
潘秋娜的博客
02-02 245
【代码】JS 多个if else判断优化。
Javascript 分支优化——if else / switch case/ 简单策略模式/ 复杂二维数组策略模式
weixin_43936341的博客
02-07 1206
分支优化和策略模式
vue.js 使用v-if v-else发现没有执行解决办法
10-19
v-if和v-else是Vue.js中的控制指令，用于条件性地渲染一块内容。这些内容只会在指令表达式返回真值时才会渲染。 当使用v-if和v-else遇到问题，尤其是它们没有按预期工作时，可能是由于几个原因造成的。文章中提到的...
掌握JavaScript中的嵌套ifelse语句技巧
使用嵌套if / else语句时，应注意以下几点： 1. 确保每个条件表达式逻辑清晰，尽量避免条件判断过于复杂。 2. 尽可能避免过度嵌套（建议不要超过3层），过多的嵌套会使代码变得复杂难懂，不利于维护。 3. 在if语句...
phpcms2008 if else语句实战应用
09-29
从这个示例中，我们可以提炼出以下几点知识点： 1. if...else语句的基本结构： 在phpcms2008的模板中，我们可以看到一个if...else的结构应用。if...else的基本结构如下所示： ```php {if 条件表达式} // 如果...
JavaScript 如何对大量的 if-else 判断进行优化
金乌的博客
05-30 5203
在讲优化方案前先来了解常见的if-else结构类型。所谓的【面条代码】，常见于对复杂业务流程的处理中。内容长结构乱嵌套深主流的编程语言均有函数或方法来组织代码。对于面条代码，不妨认为它就是满足这几个特征的函数吧。if...if型、型。if...if。
js 中if else 分支过多如何优化
weixin_35756624的博客
01-03 1267
在 JavaScript 中，如果你发现 if else 分支过多，可以考虑使用以下方法来优化代码： 使用 switch 语句：如果你的 if else 分支是根据一个值的不同来执行不同的代码，可以使用 switch 语句来代替 if else 语句。 使用函数：将 if else 分支写成一个函数，这样可以避免在一个大的代码块中嵌套太多的分支。 使用查找表：如果你的 if else 分支是...
Javascript 地狱级的if else / switch case该如何优化？
富朝阳的博客
01-15 3525
1.多重判断时使用 Array.includes2.使用对象或使用 map 结构来优化if else，而不是 Switch 语句3.更少的嵌套，尽早 return ，用卫语句优化4.项目中需要大量算法，大量匹配模式时，可以考虑策略模式5.使用默认参数和解构讲到这里，相信大家对前端if else / switch case的优化有了新的认识，如有不足之处，请大家补充，欢迎在评论区交流。如果文章对你有所帮助，！博主会持续更新。。。。
JS条件语句优化
宠辱不惊，看庭前花开花落；去留无意，望天上云卷云舒
10-05 1090
JS条件语句优化妙招 JavaScript条件语句在我们平时的开发中是不可避免要用到的，但是很多时候我们的代码写的并不好，下面我们就看看几个可以优化的地方(我们优化的目标是嵌套层级更少，代码更简洁和易读) 是否包含 我们经常会判断某个变量等于某些值，于是会写出这样的代码 function sayHi(name){ if(name=='tom'||name=='hxh'||name...
JS中if, else的优化思路
热门推荐
前行,学习
06-04 1万+
大体思路 三元 || && ?? 如果是有规律的 key,可以用数组 无规律的 key ,可以用对象的键值对的形式储存判断 实例 // 原意 if (offsetTop < 0) { this.titleFixed = true } else { this.titleFixed = false } // 三元 offsetTop < 0 ? this.titleFixed = true : this.titleFixed = false // 如果是要等于一个布尔
大量使用 if else 的优化版
明月几时有？把酒问青天。不知天上宫阙，今夕是何年。我欲乘风归去，又恐琼楼玉宇，高处不胜寒。起舞弄清影，何似在人间。转朱阁，低绮户，照无眠。不应有恨，何事长向别时圆？人有悲欢离合，月有阴晴圆缺，此事古难全。 但愿人长久，千里共婵娟。
11-28 674
函数就变得非常简洁，有的同学可能会问这有什么用呢？这不是更加麻烦了吗？函数中有1000个判断分支，并且还具有大量的根据判断结果来执行的处理代码，并且。介绍了两种代码分支优化的思想，代码的实现非常简单，重点在于这种思想的应用。文件，之后在需要使用的地方导入即可。函数会返回这个处理后的判断结果的值。是如何返回值的我们并不关心），之后对。通过模块化的开发也可以将这个。上面例子中我们定义的这个。如果你不进行分支优化，函数我们能够知道，它从。获取了一个值赋值给了。
1024程序员节｜JavaScript代码之美——代码优化，减少if-else冗余的技巧
黛琳ghz的博客，期待你的关注。
10-24 4610
if-else 语句对于程序员来说，是非常非常熟悉的一个判断语句，我们在日常开发和学习中都经常看见它，if-else语句主要用于需要做出选择的地方进行判断，这里就不再赘述if-else语法和特点了。我们在写代码（如图下，是我以前写的计算器项目）或看项目的时候或多或少都接触过拥有大量if语句（简称“屎山”）的项目代码，多重嵌套的if-else在维护和修改的时候真的让人崩溃（特别是看被人的项目的时候），有时候一个 bug 排查下来，整个人都麻木了。
公司新来的同事给出了if-else优化的8种方案
俺叫赵小邪的博客
01-10 2047
优化庞大if-else语句的多种方法，包括提前return、枚举、Optional、表驱动、策略模式+工厂模式、规则引擎等，强调选择最适合项目的方案，提高代码清晰性、灵活性和维护性。
优化if-else的11种方案
JavaPub
08-05 598
优雅永不过时！
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

xvzhengyang

感谢，励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值