好程序员Web前端分享程序的三大结构(二)while循环

while(循环终止条件){
     
}
案例
好程序员Web前端分享程序的三大结构(二)while循环
案例  打印100以内 7的倍数:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<script>
var a=0;
while(a<=100){
a++;
if(a%7==0){
document.write(a+'<br>');
}
}
</script>
</head>
<body>
</body>
</html>
案例  打印100以内所有偶数的和
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<script>
var a=0;
var res=0;
while(a<=100){
a++;
if(a%2==0){
res+=a;
}
}
document.write(res)
</script>
</head>
<body>
</body>
</html>

打印图形
*
** 




<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<script>
var second=0;//一共打印多少行;>>>五行
while(second<=5){
second++
var length=0;
while(length<=10){//一行打印多少个>>>十个
length++;
document.write('*');
}
document.write('<br>')
}
</script>
</head>
<body>
</body>
</html>
for循环

      for循环将while循环分离的结构进行了整,将变量的声明自增,以及判断放入了括号中。写法更简单在开发中推荐使用。

for(var i = 0 ; i<10; i++){

     //语句块

}

for循环的执行顺序。(从上到下,从左到右?不!!)

1.先声明变量,2.然后判断,3.之后读取语句块,4.最后再对变量进行自增。

for(var i = 0 (1.声明变量) ; i < 10(2.进行判断) ; i ++(4.对变量进行自增)){
     //语句块(3.读取语句块)
}
案例:打印99乘法表
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<script>
for(var i = 1 ; i < 10;i++){ //前面的数字 i;
for(var j = 1; j <= i; j++){//后面的数字 j
document.write(i+''+j+'='+ij+' ');//拼接第一个是公式,要用字符串拼接;第二个是计算结果用数字计算。最后加了一个空格 让页面更美观。
}
document.write('<br>')
}
</script>
</head>
<body>
</body>
</html>
案例:计算1+3+5+...+99的和:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<script>
var res=0;
for(var i = 1 ; i < 100;i++){
res+=i;
}
document.write(res);
</script>
</head>
<body>
</body>
</html>

案例:求123456....的结果;
<html lang="en">
<head>
<meta charset="utf-8">
<script>
var res = 1;
for (var i = 1; i <= 20; i++) {
res
= i;
}
document.write(res)
</script>
</head>
<body>
</body>
</html>

猜你喜欢

转载自blog.51cto.com/14249543/2398590