减少if...else面条代码

最新推荐文章于 2024-03-09 12:12:16 发布
最新推荐文章于 2024-03-09 12:12:16 发布
阅读量483 收藏 3
点赞数 1
分类专栏： js 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_38109616/article/details/123812306
版权

一旦当我们写到超过两个if…else的函数的时候就该想想是否有更好的优化方法。

比如现在需要让我们根据名称计算出麦某劳的食品价格，你可能会这么做
在这里插入图片描述
这样的写法会让函数体有很多的条件判断语句，而当我们想下次增加一个商品的时候就需要修改函数内的逻辑增加一个if…else语句，这一定程度上也违反了「开闭原则」,当我们需要增加一个逻辑的时候要尽量通过扩展软件实体来解决需求变化，而不是通过修改已有的代码来完成变化。
这是很经典的优化方式，我们可以使用一个类似Map机构的数据来保存所有商品，这里我们直接建立一个对象来存储。
在这里插入图片描述
这样我们下次需要再增加一个商品时就不需要改动getPrice的逻辑了，当然了这里其实更多人喜欢直接在用的地方直接使用foodMap，我这里只是简单举了个例子表述这个思路。
那么这时候就有同学会问了，如果我不想key只用字符串呢，这时候你就可以用到new Map了，思路也是差不多的，额外扩展一个实体来存储变

了解本专栏 订阅专栏 解锁全文 超级会员免费看
vivk2017
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
如何无痛降低 if else 面条代码复杂度
安卓进化论
10-11 6627
拭心注： 我最近在思考一个比较头疼的问题：如何让代码逻辑更清晰。 以前没在意这些，只是简单的 if-else switch 嵌套，业务简单时没什么问题。 接手规模比较大的项目后，一个页面的逻辑就多的吓人，这样的情况下，如何写出更清晰的代码，是项目可持续化发展必须要考虑的一个点。 恰好看到这篇文章，思想值得借鉴，分享给大家，一起学习！ 文章作者是 d
ES6 reduce 减少你的面条式代码【初中级前端必会】
qq_39398332的博客
08-15 211
前言 最近和同事 A 聊天聊到es6一些基础知识，在问到reduce时，同事给我的回答是：‘不就是用来求和的吗’ ？？？ ‘你确定 ？？？’ 应该有不少童鞋肯定也是这样认为的吧，因为在一般基础性的教程中，举例最多的就是数组求和。其实reduce还要很多妙用。下面我们就来看看神奇的reduce 介绍 reduce()方法可以搞定的东西，for 循环，或者 forEach 方法有时候也可以搞定，那为啥要用 reduce()？这个问题，之前我也想过，要说原因还真找不到，唯一能找到的是：通往成功的道路有很
干货 去掉 if...else 的七种绝佳方法
最新发布
03-09 278
在一些语言中，如 C++11 和 Java 14 之后的版本，可以使用 switch 表达式来简化多个条件分支的处理。在面向对象编程中，多态允许我们根据对象的实际类型执行不同的行为。通过将行为定义在子类中，可以避免在父类中使用复杂的。通过将对象的行为定义在不同的状态类中，可以避免在对象中大量使用。通过将函数作为参数传递给其他函数，可以根据传入的函数来执行不同的逻辑，从而避免。语句转换为数据驱动的查询，从而提高代码的可读性和可维护性。语句的使用，从而提高代码的质量和可维护性。在 Java 中，可以使用。
Java中如何消除大量的if else (意面代码)
热门推荐
Myth的博客
03-04 2万+
参考: 减少该死的 if else 嵌套 java如何消除繁琐的if else 语句？ 如何无痛降低 if else 面条代码复杂度 用设计模式来代替臃肿的ifelse层层判断 你还在用if else吗？ 如这段读取Excel单元格的代码,看着都烦 try { for (int j = mainConfig.getContentStartNum(); j...
JavaScript 如何对大量的 if-else 判断进行优化
金乌的博客
05-30 3217
在讲优化方案前先来了解常见的if-else结构类型。所谓的【面条代码】，常见于对复杂业务流程的处理中。内容长结构乱嵌套深主流的编程语言均有函数或方法来组织代码。对于面条代码，不妨认为它就是满足这几个特征的函数吧。if...if型、型。if...if。
javascript 对if...else/find/解构/运算符 优化小技巧
国企程序媛 record 前端技术 & review code。。。
05-07 645
1、减少if…else面条代码 const getPrice = (name) => { if (name === 'hamburger') { return 20 } else if (name === 'French fries') { return 15 } else if (name === 'ice cream') { return 5 } } console.log(getPrice('hamburger')) // 20 优化： const foodMap = {
Node.js高级编程【一】node 基础
weixin_37883657的博客
12-10 1481
Node 基础 1、课程概述 Node.js可以做什么 ？ 2、Node.js 架构 Native modules Builtin modules "胶水层" 底层 3、为什么是Node.js ？ Node 慢慢演化为一门服务端“语言” IO 是计算过程操作过程中最缓慢的环节 Reactor 模式，单线程完成多线程工作 Reactor 模式下实现异步IO、事件驱动 Node.js 更适用于 IO 密集型高并发请求 4、Node.js 的 异步...
JavaScript If...Else 声明
10-30
JavaScript If...Else 声明
swtich／if...else的替代语句
09-03
主要介绍了swtich／if...else的替代语句的相关资料,需要的朋友可以参考下
if_else_ifelse_If..._
10-01
if else program using c / c++
if...else....rar_If...
09-21
if...else...语句 TX-1C学C语言
详解Java编程中if...else语句的嵌套写法
09-03
主要介绍了Java编程中if...else语句的嵌套写法,是Java入门学习中的基础知识,需要的朋友可以参考下
js 数组对象去重的几种方式
m0_38109616的博客
03-22 4918
1.for循环 const arr = [{name:‘小明’},{name:‘小红’},{name:‘小红’},{name:‘小红’}]; const obj = {}; const newArr = []; for(let i=0;i<arr.length;i++){ if(!obj[arr[i].name]){ newArr.push(arr[i]); obj[arr[i].name] = true; } } console.log(newArr); 2.new Set实现数组去重 const
js 数组对象只取前4条数据的值
m0_38109616的博客
10-17 4336
js 数组对象只取前4条数据的值
node版本降级命令
m0_38109616的博客
02-18 2864
npm install -g npm@6.14.4
vant tabbar底部导航的使用
m0_38109616的博客
03-29 1367
新建home.js {{item.title}} }, methods: {}, }; {{item.title}} }, methods: {}, }; 再router.js写入 import Vue from ‘vue’ import Router from ‘vue-router’ Vue.use(Router
免费节假日API(本程序本人独立开发)http://tool.bitefu.net/jiari/
m0_38109616的博客
09-02 1212
免费节假日API(本程序本人独立开发)`http://tool.bitefu.net/jiari/ https://github.com/NateScarlet/holiday-cn http://momentjs.cn/docs/ moment提供了一些计算的方法 你现在要解决的是节假日的数据
if....else if
08-25
if...else if 是一种条件语句，用于根据不同的条件执行不同的代码块。它是 if...else 语句的扩展，可以用来检查多个条件。 基本语法如下： ``` if (条件1) { // 如果条件1为真，则执行这里的代码 } else if (条件...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

vivk2017

你的鼓励将是我创作的最大动力

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

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

打赏作者

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

抵扣说明：

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

余额充值