循环语句、计时器

循环: 我们平时在做项目的时候会遇到很多有相同的属性还要重复写,那这时为了效率,和代码的简洁,一般使用循环。循环语句也就是说通过循环语句可以反复的执行一段代码多次。
while循环
- 语法:while(条件表达式){语句...}
while语句在执行时,先对条件表达式进行求值判断,如果值为true,则执行循环体,循环体执行完毕以后,继续对表达式进行判断如果为true,则继续执行循环体,以此类推如果值为false,则终止循环。


循环语句、计时器
文章图片
1 1、for语句,也是一个循环语句,也称为for循环。
2、在for循环中,为我们提供了专门的位置用来放三个表达式:1.初始化表达式2.条件表达式3.更新表达式
3、for循环的语法:for(①初始化表达式; ②条件表达式; ④更新表达式){语句}
4、for循环的执行流程:①执行初始化表达式,初始化变量(初始化表达式只会执行一次)②执行条件表达式,判断是否执行循环。如果为true,则执行循环③如果为false,终止循环④执行更新表达式,更新表达式执行完毕继续重复②
下图为简单的1-100的质数。for循环:


循环语句、计时器
文章图片
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 计算器:

1、我们首先要定义两个input输入框,写好各自的ID,便于调用
2、在定义一个加减乘除的基础下拉框,也要写好ID
3、在定义一个按钮,有用写入点击事件。
我们都知道window.onload = function(){}这个基础函数在文档加载的最后执行。
我们在下面用var定义各自的变量用于获取body中的元素div。
写入点击事件,判断选择的运算方法,执行不同的结果,一定要记得转把输入的类型转成整数或小数类型。用于计算。



循环语句、计时器
文章图片

    推荐阅读