![cf9db78838027622963f26331b70bf6f.png](https://i-blog.csdnimg.cn/blog_migrate/255419826cb6ffe49af8adee1048d4cd.jpeg)
循环的概念
我们再学习循环之前,先来了解一下循环
1.循环就是重复的去做一件事
2.循环结构就是程序中一种很重要的结构,其特点是在给定条件成立时,反复执行某程序段,直到条件不成立时终止。
(例如,求若干数的和需要重复做加法,求班级全部学生成绩需要重复做加法)
![41749544f083d30b88926e53c1609a97.png](https://i-blog.csdnimg.cn/blog_migrate/bffbbe770801bf7bf1ef59a1900446bd.png)
循环的分类
while循环
do…while循环
for循环
![0cf3ad5b95d41ea36fe0dc4a8efff2ba.png](https://i-blog.csdnimg.cn/blog_migrate/9314a3f7b61109ec3396ce692a7cced3.png)
while循环
while循环的语法结构
![c3e85fd8b014fd0957af69c7e4f5f41b.png](https://i-blog.csdnimg.cn/blog_migrate/cd20a84cc07157ff488609022331bae0.png)
执行的顺序:
先判断表达式,表达式成立就执行循环语句,直到表达式不成立就结束。
![41749544f083d30b88926e53c1609a97.png](https://i-blog.csdnimg.cn/blog_migrate/bffbbe770801bf7bf1ef59a1900446bd.png)
来举个小例子:
求1到100整数的和
![0cb702119fcb214f8525fb9d9da104ab.png](https://i-blog.csdnimg.cn/blog_migrate/b162b39a7c654bbaa4492769ac64a25e.png)
最后输出的结果为5050
![41749544f083d30b88926e53c1609a97.png](https://i-blog.csdnimg.cn/blog_migrate/bffbbe770801bf7bf1ef59a1900446bd.png)
注意:
1.循环条件中使用的变量(循环变量)需要经过初始化
2.循环体中,应有结束循环的条件,否则会造成死循环
3.循环体中,可以写若干合法的js代码,包括if,也可以再套个循环
![41749544f083d30b88926e53c1609a97.png](https://i-blog.csdnimg.cn/blog_migrate/bffbbe770801bf7bf1ef59a1900446bd.png)
我们来做几个练习来对 While进行一个加深了解
1.打印100以内7的倍数
2.打印100以内的奇数
3.打印100以内所有偶数的和
4.打印图形
**********
**********
**********
**********
1.打印100内7的倍数
![731c92a3f7e9d979894204ff3c5bf55d.png](https://i-blog.csdnimg.cn/blog_migrate/0c545ceb516497a127084e250e8dbe4b.png)
运行结果为
![1544f4820a90637d8b574f93f9a17517.png](https://i-blog.csdnimg.cn/blog_migrate/12332db68831666a6d4f413f98becfd3.png)
![41749544f083d30b88926e53c1609a97.png](https://i-blog.csdnimg.cn/blog_migrate/bffbbe770801bf7bf1ef59a1900446bd.png)
2.打印100以内的奇数
![5db37d8ea2f3bd795c64813da2c8f8d7.png](https://i-blog.csdnimg.cn/blog_migrate/1a15c128dd685b9babacb47e6ed4a5b0.png)
运行结果是从1-100的奇数,由于太长大家可以自己运行一下
![14c2c2b4c2815559c46a6a9c698f8e73.png](https://i-blog.csdnimg.cn/blog_migrate/cfe0789dc91fc61ff0b7fa56383f33c2.png)
![41749544f083d30b88926e53c1609a97.png](https://i-blog.csdnimg.cn/blog_migrate/bffbbe770801bf7bf1ef59a1900446bd.png)
3.输出100以内所有偶数的和
![057338cac7595d3fbee9646730e1bb33.png](https://i-blog.csdnimg.cn/blog_migrate/5a2822902ffcbb62c677f76785967775.png)
运行结果为
![506dcbe64a0b79c2d45685dba48fd8e0.png](https://i-blog.csdnimg.cn/blog_migrate/8449d9263a633908e1820ed7f2a83243.png)
![41749544f083d30b88926e53c1609a97.png](https://i-blog.csdnimg.cn/blog_migrate/bffbbe770801bf7bf1ef59a1900446bd.png)
4.输出4行,每行10个的*号
![b96354f5d04032e33efb5a1ddeb8fde6.png](https://i-blog.csdnimg.cn/blog_migrate/242b523b3f8d68349bc1980c0d0a4a73.jpeg)
运行的结果为
![17c75f9ceef3c92c2e1f72efafb37d61.png](https://i-blog.csdnimg.cn/blog_migrate/5bddadea87d9c2c3ec8deeb6a149fc4f.jpeg)
以上就是while循环
![cc61fe17006bdb436b9482f5ac650f07.png](https://i-blog.csdnimg.cn/blog_migrate/d8a135855013d726eb2be61c29506f85.png)
![b8a02125641a586da47ada9b17343d7f.png](https://i-blog.csdnimg.cn/blog_migrate/cd5498ebc3ba777f58595c845dd91905.jpeg)
--- web分享,分享的不只是web