JavaScript循环 while/do while/for的使用
Posted mixcoding
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript循环 while/do while/for的使用相关的知识，希望对你有一定的参考价值。
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（；；）{}以上是关于JavaScript循环 while/do while/for的使用的主要内容，如果未能解决你的问题，请参考以下文章