本篇内容主要讲解“while循环怎么使用”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“while循环怎么使用”吧!while(循环终止条件){ }案例&nbs
本篇内容主要讲解“while循环怎么使用”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“while循环怎么使用”吧!
while(循环终止条件){
}
案例 打印100以内 7的倍数：
<!DOCTYPE html>
<html>
<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>
<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>
<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循环的执行顺序。(从上到下，从左到右？不！！)
先声明变量，2.然后判断，3.之后读取语句块，4.最后再对变量进行自增。
for(var i = 0 （1.声明变量） ; i < 10(2.进行判断) ; i ++（4.对变量进行自增）){
//语句块（3.读取语句块）
}
案例：打印99乘法表
<!DOCTYPE html>
<html>
<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>
<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>
<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>
到此，相信大家对“while循环怎么使用”有了更深的了解，不妨来实际操作一番吧！这里是编程网网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！
--结束END--
本文标题: while循环怎么使用
本文链接: https://www.lsjlt.com/news/236894.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑，方便收藏和打印～
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
官方手机版
微信公众号
商务合作
0