- Objective: # 概念阐释 ## 语义 循环会重复执行一组指令,直到返回false,循环停止。通常用于重复执行的任务。比如随机绘制100个圆,并随即展示100张不同的图片。 ## 语法 ![](http://image.harryrou.wiki/2023-02-21-%E6%88%AA%E5%B1%8F2023-02-21%2008.25.43-1.png) `i`的意思是迭代器,循环从迭代器0开始,0+1,1+1,2+1循环至10为止。 # 实例 ```js for (let counter = 0; counter < 4; counter++) {  console.log(counter);} ``` # 相关内容 ## break `break` 会停止for循环 ```js for (let i = 0; i < 99; i++) {   if (i > 2 ) {      break;   }   console.log('Banana.'); }// 当i>2时,循环停止 /* Banana. Banana. Banana.*/ ``` ## 与while循环的关系 如果不确定代码要执行多少次,使用[[js loops while语句]],就像for循环加上`break`关键字。一般首先考虑使用for循环。 # 问题 1. 用for循环一个正计数,7、8、9、10、11、12? 2. 用for循环一个倒计数 5、4、3、2、1? 3. 写一个乘法表。 # 问题答案 1. ```js for(i=0;i<5;i++){ console.log(i); } ``` 3. ```js for(i=0;i<10;i++){ console.log(i+' x 5 ='+' '+ (i*5)); } //print 0-9的乘法表 ``` # 参考资料 - [循环总概览](https://developer.mozilla.org/zh-CN/docs/Learn/JavaScript/Building_blocks/Looping_code)