循环语句、计时器

循环:

我们平时在做项目的时候会遇到很多有相同的属性还要重复写,那这时为了效率,和代码的简洁,一般使用循环。循环语句也就是说通过循环语句可以反复的执行一段代码多次。

while循环

- 语法:while(条件表达式){语句...}

while语句在执行时,先对条件表达式进行求值判断,如果值为true,则执行循环体,循环体执行完毕以后,继续对表达式进行判断如果为true,则继续执行循环体,以此类推如果值为false,则终止循环。


循环语句、计时器_第1张图片
1

1、for语句,也是一个循环语句,也称为for循环。

2、在for循环中,为我们提供了专门的位置用来放三个表达式:1.初始化表达式2.条件表达式3.更新表达式

3、for循环的语法:for(①初始化表达式;②条件表达式;④更新表达式){语句}

4、for循环的执行流程:①执行初始化表达式,初始化变量(初始化表达式只会执行一次)②执行条件表达式,判断是否执行循环。如果为true,则执行循环③如果为false,终止循环④执行更新表达式,更新表达式执行完毕继续重复②

下图为简单的1-100的质数。for循环:


循环语句、计时器_第2张图片
2

创建一个循环,往往需要三个步骤:1、创初始化一个变量2、在循环中设置一个条件表达式3、定义一个更新表达式,每次更新初始化变量。:

像这种将条件表达式写死为true的循环,叫做死循环

该循环不会停止,除非浏览器关闭,死循环在开发中慎用

可以使用break,来终止循环

while(true){

            if(j>10){

                      break;//退出整个循环

             }

              j++;

}

for循环的死循环写法

for(;;){

}*/

/*

break关键字可以用来退出switch或循环语句,不能在if语句中使用break和continue

break关键字,会立即终止离他最近的那个循环语句,continue关键字可以用来跳过当次循环,同样continue也是默认只会对离他最近的循环循环起作用,可以为循环语句创建一个label,来标识当前的循环。

label:循环语句:

使用break语句时,可以在break后跟着一个label,这样break将会结束指定的循环,而不是最近的

数组去重

**数组去重的方法:其实在数组去重中,判断数组遍历,判断每一个元素有没有多次重复出现,定义一个新数组,把不重复的元素通过push追加进去。

字符串处理方法:a代表数组

a.用split切割,把字符串分开在进行其他的操作。

a.charAt(0);//看下标是零的值是多多少

a.indexOf('a');//看a第一次出现在什么下标位置,找不到a返回-1

a.substring(10,15);//截取下标第10到15的值,不包括15

a.substring(10);//截取第10为下标以后的值

a.toupperCase();//都转换为大写

a.toLowerCase();//全转换为小写

字符串反串:

字符串反串也可以用split,通俗点讲及时把字符串分割,反转,在用join链接

1、split字符串转成数组2、reverse数组反转3、join数组转成字符串

定时器:

setTimeout 只执行一次的定时器

clearTimeout 关闭只执行一次的定时器

setInterval 反复执行的定时器

clearInterval 关闭反复执行的定时器

在很多情况下我们都用到定时器,在什么时候该出现什么样的画面,比如网页上我们经常看到的轮播图,还有电脑上的时间显示其实也可以用定时器做出来。


循环语句、计时器_第3张图片
3

计算器:


1、我们首先要定义两个input输入框,写好各自的ID,便于调用

2、在定义一个加减乘除的基础下拉框,也要写好ID

3、在定义一个按钮,有用写入点击事件。

我们都知道window.onload = function(){}这个基础函数在文档加载的最后执行。

我们在下面用var定义各自的变量用于获取body中的元素div。

写入点击事件,判断选择的运算方法,执行不同的结果,一定要记得转把输入的类型转成整数或小数类型。用于计算。



循环语句、计时器_第4张图片

你可能感兴趣的:(循环语句、计时器)