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

Posted 低代码布道师

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微搭低代码JavaScript基础知识-循环和条件控制相关的知识,希望对你有一定的参考价值。

我们上一篇讲解了变量的基础知识,我们本节继续介绍一下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的表达式、循环、条件控制等基本语法,初学编程需要熟练应用,才可以按照自己的需求来完成功能开发。

以上是关于微搭低代码JavaScript基础知识-循环和条件控制的主要内容,如果未能解决你的问题,请参考以下文章

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

微搭低代码Javascript基础知识-函数及模块介绍

微搭低代码Javascript基础知识-函数及模块介绍

微搭低代码Javascript基础知识-函数及模块介绍

微搭低代码Javascript基础教程-对象

微搭低代码Javascript基础教程-对象