微搭低代码JavaScript基础知识-循环和条件控制

Posted 2023-01-21 低代码布道师

我们上一篇讲解了变量的基础知识，我们本节继续介绍一下javascript中的循环和条件控制语句。在介绍循环之前，首先需要介绍一下表达式的基础知识

表达式

javascript中有几种表达式，一种是算术计算表达式，一种是逻辑运算表达式。算术计算表达式是通过算术运算符来进行表达，比如

1+1

这是做数字的相加，结果等于2。算术运算符也遵守四则运算的规则，比如先乘除后加减

1+2*3

这个表达式的结果是7，先做2乘以3得到6，然后再相加。算术运算符可以使用小括号来改变优先级，比如这样

(1+2)*3

小括号括起来就先进行求和然后再相乘。一般如果不肯定优先级的，最好都用括号括起来

如果不是数字运算的，比如左边是数字，右边是字符串的，那么+号就变成了字符串连接，比如

1+“2”

连接之后就变成了12，不是12的意思，是相当于字符串1和2的连接，连接完的类型也是字符串。这也是有的初学者会问，为啥没有进行计算，要看一下你的变量的类型，究竟是数字还是字符串

除了算术表达式外，还有一种常用的表达式是条件表达式，条件表达式一般会使用比较运算符

运算符	说明
<	小于
>	大于
==	是否相等
===	恒等，值和类型都要相同
<=	小于等于
>=	大于等于
！=	不等于

一般初学者比较难理解的是比较运算符，比较运算符会计算表达式的值，返回true或者false，我们一般是构造一个表达式，比如

3>0

在数学上3比0大，那么这个式子成立，就返回true，如果

1>3

这个式子不成立就返回false。通常我们不会写常量进行比较，往往是变量比较。比如我们从数据源中返回一个结果，用返回的总条数来和数字比较，比如

result.total>0

我就通过记录的条数是否大于0来决定后续代码的执行逻辑

循环

我们理解了表达式的意思之后，往往会应用到循环中。循环就是帮我们重复的执行一件事，比如我们数豆子，我们每拿一个豆子就计数为1，再拿一个豆子就计数为2，以此重复执行就是一种循环。循环有多种语法，通常有while循环，for循环。while循环的语法是

while(表达式)
	执行需要重复执行的动作
	改变表达式的计算规则，有可能是让循环变量+1或者-1

我们用代码演示一下

let loops = 5
while(loops>0)
	console.log(loops);
	loops = loops-1;

循环的执行步骤是：
1、先定义一个变量loops，并且赋值为5
2、检测loops>0的值，现在5>0，表达式的计算结果为true
3、条件为true就进入循环里
4、打印循环变量，目前在控制台输出5
5、循环变量减1，目前loops的值为4

然后再重复执行一次
1、检查loops>0的值，现在是4>0，表达式的计算结果为true
2、条件为true就进入循环里
3、打印循环变量，目前在控制台输出4
4、循环变量减1，目前loops的值为3

再重复执行
1、检查loops>0的值，现在是3>0，表达式的计算结果为true
2、条件为true就进入循环里
3、打印循环变量，目前在控制台输出3
4、循环变量减1，目前loops的值为2

再重复执行
1、检查loops>0的值，现在是2>0，表达式的计算结果为true
2、条件为true就进入循环里
3、打印循环变量，目前在控制台输出2
4、循环变量减1，目前loops的值为1

再重复执行
1、检查loops>0的值，现在是1>0，表达式的计算结果为true
2、条件为true就进入循环里
3、打印循环变量，目前在控制台输出1
4、循环变量减1，目前loops的值为0

再重复执行
1、检查loops>0的值，现在是0>0，表达式的计算结果为false
2、条件为false就不再进入循环里，这样循环就结束了

初学代码开发，可能最难理解的就是循环了，可以按照我的步骤，在本子上把每次执行的结果在头脑中运算一下，就理解是什么意思了

条件控制

除了循环往复执行外，还有一种就是按照条件执行，语法是

if(条件)

else if(条件)

else

每一个if就是一个分支，需要检测条件的返回结果是否为true，如果为true就进入到这个分支里，如果条件都不满足就执行最后一个else语句

条件控制通常来帮助我们做决策，就像现实中如果天下雨，我就在家，如果天不下雨我就出门，那用条件控制来实现就是

if(天下雨）
  我就在家
else
	我就出门

我们通常所说的算法，其实就是一种逻辑，只要熟练掌握这两种语法，基本的程序开发就算入门了。当然只有逻辑还不行，我们通常还需要有数据结构，比如数组、Map、Set这些，不同的数据结构用来解决不同的问题，也需要仔细学习。

总结

我们本篇介绍了javascript的表达式、循环、条件控制等基本语法，初学编程需要熟练应用，才可以按照自己的需求来完成功能开发。