JavaScript循环 while/do while/for的使用
JavaScript循环
JavaScript循环 while/do while/for的使用
在讲循环的之前,先知道一下循环结构的执行步骤
1、声明循环变量;
2、判断循环条件;
3、执行循环体;
4、更新循环变量;
5、然后循环执行2-4,直到条件不成立,跳出循环、
while 循环
while循环()中的表达式,运算结果可以是各种类型,但是最终都会转为真假,转换规则
如下。
①Boolean:true为真,false为假;
②String:空字符串为假,所有非空字符串为真;
③Number:0为假,一切非0数字为真;
④null/Undefined/NaN:全为假;
⑤Object:全为真。
格式:
while(循环条件){
循环体
}
以1-100循环为例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>while循环1-100</title>
</head>
<body>
</body>
</html>
<script>
var add=1;
var sum=0;
while(add<=100){
sum=sum+add;
add++;
}
alert(sum);
</script>
当循环体只有一行语句时,循环体的花括号可以省略
while循环是先判断循环条件是否正确,如正确(true)时则执行循环,如为false,就跳
出循环体,转而执行while语句后面的语句。
tip:while循环必须包含循环条件,也就是while后括号里必须有一个逻辑表达式
while还有一种特殊的变体:do while
do while循环
格式:
do{
循环体
}while(循环条件)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>do while循环1-100</title>
</head>
<body>
</body>
</html>
<script>
var sum=0;
var add=1;
do{
sum=sum+add;
add++
}while(add<=100)
alert(sum);
</script>
这种语句体,是会首先执行一次循环体,在每次执行完循环体之后再计算循环条件,并且
会在每次都为true的时候重新执行循环体,如果为false,将会跳转到do/while之后的语
句。
while与do while的区别:while循环的循环体可能得不到执行,但是do while至少执行一
次
for语句循环
for循环比while循环语句简洁,因此更受用户喜欢
格式:
for(循环条件){
循环体
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>for循环1-100</title>
</head>
<body>
</body>
</html>
<script>
var sum=0;
for(var add=1;add<=100;add++){
sum=sum+add;
}
alert(sum);
</script>
Tip:该循环条件可以使用var声明新变量,注意for循环由两个分号将初始值变量;条件;对象分开并无语法错误
for(;;){}