循环语句、计时器
循环:
我们平时在做项目的时候会遇到很多有相同的属性还要重复写,那这时为了效率,和代码的简洁,一般使用循环。循环语句也就是说通过循环语句可以反复的执行一段代码多次。
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。
写入点击事件,判断选择的运算方法,执行不同的结果,一定要记得转把输入的类型转成整数或小数类型。用于计算。
文章图片
推荐阅读
- 一个人的碎碎念
- 野营记-第五章|野营记-第五章 讨伐梦魇兽
- Shell-Bash变量与运算符
- 清明,是追思、是传承、是感恩。
- 牛人进化+|牛人进化+ 按自己的意愿过一生
- 七老修复好敏感、角质层薄、红血丝
- 华为旁!大社区、地铁新盘,佳兆业城市广场五期!
- 标签、语法规范、内联框架、超链接、CSS的编写位置、CSS语法、开发工具、块和内联、常用选择器、后代元素选择器、伪类、伪元素。
- 螃蟹和这些食物同吃,轻则腹泻、重则中毒!要小心哦~
- 八、「料理风云」