for循环优化_前端js if判断以及for循环该如何写的更好,优化upup
大致介绍
这是小m马发布的第一篇文章,关于前端领域的开发习惯,这是自己的一些经验总结,希望可以给大家带来一定的帮助,提升自己的开发效率以及代码质量,m马会用react,以及vue分别举出一些正反例来进行对比,从而更直观的体现代码开发的质量性
NO.1 接了上一任前端的坑(if判断的升级)
往往前端进入一家新公司以后,看到上一任的前端留下的一片if,else,一片的for循环嵌套for循坏,顿时小m马都要傻眼了,无任何逻辑上面的梳理,遇见问题就if,遇见遍历就一个for,往往会造成代码开发的维护性极差,甚至还会让人无法理解开发者的意图,接下来小m马给大家介绍简洁一点的if写法以及for循环的写法!
//常规针对一个值是否存在的if,完全可以用三目运算符进行代替
针对以上的if进行一个总结
- 首先在开发中if判断是避免不了的,我们尽量通过逻辑去减少if的使用频率,而不是遇见一个需要进行抉择的if下来(具体的这个思维逻辑小m马会在下一期中更新出来)
- 使用if之后我们也需要简洁明了的表达出来,上面的这两个例子中,使用三目运算符就不多做解释了,重点讲一下第二种使用或与非的形式
- &&符号遇见为false的选项就会停止下来,如果是true就会往后继续执行,讲到这大家就明白了吧,在例子中,foo存在就会往后执行函数,不存在,函数也就不会执行。
- ||符号,在判断条件中,是遇见false的话就会往后执行,可以看出我们是要当这个foo不存在的时候才会执行函数的,所以使用||,foo不存在了,是fasle,所以执行了后面 的函数。
接下来进行持续升级,出小干货!
//反例来了!!!!
//通过对象的形式,在开发微信小程序的时候会更加可以体现出价值..举例
- 这是关于if判断的使用,通过使用对象的形式快速的可以让开发者明白自己的意图这才是我们程序员的重中之重啊,一个好的代码习惯,可以让自己做的都开心点。(下一期中关于if判断的写法还有持续的升级,小m马还有更多的关于开发的习惯有分享)
跳出反反复复一直写的for循环
//来来来,小m马给大家分享一下for循坏要怎么写,首先举一个反例给大家看
- 通过使用for of 在处理这种三维或者说多层的数据时,可以很清晰的处理好每一步,并且可以看得很清楚我每一步都是在做什么,不会出现说一大串密密麻麻我自己都不知道自己在写什么的情况,接下来小m马,针对for循环给大家进行写出每一种不同情况下应该用什么循环进行处理
let
当然还有一些循环的操作,比如在react中经常用于遍历dom节点的map,和ea6中的new map,小m马依然会在下一期分享中写出,这些用法来和大家进行分享,希望大家的程序员开发道路会越来越顺利,加油!!!
for循环优化_前端js if判断以及for循环该如何写的更好,优化upup相关推荐
- 前端JS:判断list(数组)中的json对象是否重复
前端JS:判断list(数组)中的json对象是否重复 <!DOCTYPE html> <html> <head> <meta charset="u ...
- 从零开始学前端:if判断,for循环,,switch判断 --- 今天你学习了吗?(JS:Day4)
从零开始学前端:程序猿小白也可以完全掌握!-今天你学习了吗?(JS) 复习:从零开始学前端:中括号代替点操作,获取对象,自定义标签属性 - 今天你学习了吗?(JS:Day3) 文章目录 从零开始学前端 ...
- react如何遍历并比较_[前端进阶] 这可能是最通俗易懂的React 渲染原理及性能优化...
如今的前端,框架横行,出去面试问到框架是常有的事. 我比较常用React, 这里就写了一篇 React 基础原理的内容, 面试基本上也就问这些, 分享给大家. React 是什么 React是一个专注 ...
- boost log 能不能循环覆盖_前端基础进阶(十四):深入核心,详解事件循环机制...
Event Loop JavaScript的学习零散而庞杂,很多时候我们学到了一些东西,但是却没办法感受到进步!甚至过了不久,就把学到的东西给忘了.为了解决自己的这个困扰,在学习的过程中,我一直在试图 ...
- ie9无法获取未定义或 null 引用的属性“indexof”_前端JS基础篇(二)JS基本数据类型和引用数据类型及检测数据类型方法...
JS中的数据类型 (一).基本数据类型(值类型) 1.number:数字 -12.12.5.-12.5 0这些数字都是number: js中增加了一个number类型的数据:'NaN' typeof ...
- java集合转js数值_前端js调用接口转换Map数组数据
返回Map数据 后端接口返回数据格式 { "code": 1, "msg": "操作成功!", "count": 0, ...
- 【文件上传绕过】——前端检测_前端js验证漏洞
文章目录 一.实验目的: 二.工具: 三.实验环境: 四.实验目的: 五.漏洞说明: 1. 漏洞原理: 2. `js前端验证`过程代码: 六.实验过程: 1. 判断是否存在前端`js绕过漏洞`: 1. ...
- 前端js获取图片大小 扩展名_前端 JS 获取 Image 图像 宽高 尺寸
前端 JS 获取 Image 图像 宽高 尺寸 简介 项目中用到获取图片的原始尺寸,然后适配宽高:网上的大部分前端解决方案,都是new Image()后,在onload事件中获取image的尺寸. 在 ...
- 大于小于优化_架构 - 以MySQL为例,详解数据库索引原理及深度优化
一.摘要 本文以MySQL数据库为研究对象,讨论与数据库索引相关的一些话题.特别需要说明的是,MySQL支持诸多存储引擎,而各种存储引擎对索引的支持也各不相同,因此MySQL数据库支持多种索引类型,如 ...
最新文章
- python什么是高阶函数_说说 Python 中的高阶函数
- Java8的十大新特性
- promehteus 监控超时_05 . Prometheus监控Nginx
- 基于事件驱动架构构建微服务第11部分:持续集成
- MYSQL BENCHMARK函数的使用
- Linux安装jellyfin硬件加速,云芯一号试用:Jellyfin播放H264视频
- 阿里全盘调整组织架构意味着什么?| 畅言
- PostgreSQL 最佳实践 - 在线增量备份与任意时间点恢复
- mysql数据库表字段使用DESC等关键字报错及解决方法
- 阿里云云计算 20 在线实验--块存储的使用
- laravel 下载图片跨域问题
- windows安装fdfs_lient报错fdfs_client/sendfilemodule: fatal error C1189: #error: platfom not supported
- Android 平台下的即时通讯
- C语言入门检验身份证号码最后一位
- CampusBulider(模模搭)学习笔记6:室内搭建
- 【Word】基于知网研学的文字等内容连同参考文献一同复制粘贴
- 如何把一个字符串的大小写取反?(大写转小写/小写转大写)
- 鬼影没干掉。 病毒已经清除。
- 【Atomic】---JDK 原子计数器AtomicInteger(源码)
- 妹子好不好,只看一个地方!