js-优化获取范围写法
写在前面的话:
之前看了有关如何优化代码的文章,就会下意识的对自己之前写过的代码在二次重构的时候进行优化或者规范,如:变量名字的命名,抽离复杂的代码块。这次在编写一个小需求的时候需要根据给定的值在一些指定的数值内找到大于并最接近该值的一个数值。
直奔主题:
之前的写法是:
<script type="text/javascript"> if (maxNum <= 4) _videoApi.setWindowsNum(4); else if (maxNum > 4 && maxNum <= 6) _videoApi.setWindowsNum(6); else if (maxNum > 6 && maxNum <= 9) _videoApi.setWindowsNum(9); else if (maxNum = 10) _videoApi.setWindowsNum(10); else if (maxNum > 10 && maxNum <= 16) _videoApi.setWindowsNum(16); else if (maxNum > 16) _videoApi.setWindowsNum(36); </script>
之前是使用if else 语句进行判断的代码重复且冗长,如果判断的范围再多一个就要多写一条else if 对以后的维护和扩展都是致命的。经过思考之后决定使用数组来进行重构,重构的代码如下:
<script type="text/javascript"> var _windowsNumArr = [4, 6, 9, 16, 36]; var _windowsNum= _windowsNumArr.find(function (item,index,arr) { return item >= maxchannelNum; }) _videoApi.setWindowsNum(_windowsNum); </script>
思路很简单,将要判断的范围使用数组来保存起来,如果需要判断的范围变长了只是数组中多加一个元素而已,寻找大于给定的数值的元素 也用数组自带的find方法进行查找,简化 了代码的长度而且更易于扩展。
在优化代码方面做个小记录,如果给你带来启发 荣幸之至!
微信公公众号 搜索 “不正经小前端” 并关注,和我一起学习海量前端技术
本文来自博客园,作者:七分暖,转载请注明原文链接:https://www.cnblogs.com/lin494910940/p/12659713.html
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· C++代码改造为UTF-8编码问题的总结
· DeepSeek 解答了困扰我五年的技术问题
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· 用 C# 插值字符串处理器写一个 sscanf
· [翻译] 为什么 Tracebit 用 C# 开发
· 腾讯ima接入deepseek-r1,借用别人脑子用用成真了~
· Deepseek官网太卡,教你白嫖阿里云的Deepseek-R1满血版
· DeepSeek崛起:程序员“饭碗”被抢,还是职业进化新起点?
· RFID实践——.NET IoT程序读取高频RFID卡/标签