好程序员Web前端培训分享程序的三大结构（二）while循环
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+'='+i*j+' ');//拼接第一个是公式，要用字符串拼接；第二个是计算结果用数字计算。最后加了一个空格 让页面更美观。
}
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>
案例：求1*2*3*4*5*6....的结果；
<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>
网友评论