当前子专栏 基础入门三大核心篇 是免费开放阶段    
    
    
。推荐他人订阅   
    
    
    
，可获取扣除平台费用后的35%收益


     


     


     


，文末名片加V！ 说明：该文属于 大前端全栈架构白宝书专栏 




 




 




 ，目前阶段免费开放   

   

   

   
，购买任意白宝书体系化专栏可加入TFS-CLUB 私域社区    


     


     


     。 福利：除了通过订阅"白宝书系列专栏"加入社区获取所有付费专栏的内容之外

     

     

     

，还可以通过加入星荐官共赢计划 加入私域社区




 




 




 



。 作者：不渴望力量的哈士奇(哈哥)
  




  




  




 ，十余年工作经验, 跨域学习者  


  


  


  
，从事过全栈研发   
    
    
    
、产品经理等工作 
     
     
     
，目前任某金融品类App负责人   

   

   

。 荣誉：2022年度博客之星Top4


     


     


     


、博客专家认证 




 




 




 、全栈领域优质创作者   

   

   

   
、新星计划导师

   




   




   




 ，“星荐官共赢计划   
    
    
    
” 发起人     

     

     

    。 现象级专栏《白宝书系列》作者 



 



 



 
，文章知识点浅显易懂且不失深度；TFS-CLUB社区创立者                 ，旨在以“赋能 共赢


     


     


     


”推动共建技术人成长共同体




  




  




  


。 🏆 白宝书系列 🏅 Python全栈白宝书 🏅 产品思维训练白宝书 🏅 全域运营实战白宝书 🏅 大前端全栈架构白宝书

什么是循环语句？比如需要在控制台输出从1~10


    




    




    




 ，十个数字















，如果没有循环                  ，就需要连续书写十个console.log()语句来输出


     



     



     



 ，非常的麻烦
  


  


  


。所以在每个变成语言中














，都提供了循环语句来解决这个问题   
    
    
    
，JavaScript也不例外     
     
     
   。

⭐ for循环语句简介

for循环语句的功能：用来简化程序 




   




   




   

。

利用for循环语句在控制台输出1~10


     


     


     


，代码如下

for (var i = 1; i <= 10; i++) { console.log(i); }

for循环语句的语法：

for圆括号中的三个表达式含义：

表达式1：var i = 1;表示定义一个 




 




 




 ”循环变量“i 




 




 




 ，并赋值1；循环变量i会被for循环依次按顺序改变数值 表达式2：i <= 10;表示继续执行循环的条件   

   

   

   
，只要这个条件为真

     

     

     

，则会一直执行 表达式3：i++用来更新循环变量
  




  




  




 ，使循环变量的值越来越趋向终点

 



 



 



。

小知识：

for在英语中没有特别含义  


  


  


  
，其名称来源于1950年代的早期汇编语言 
     
     
     
，现在几乎世界上所有编成语言中都用for来表示循环语句

根据编程习惯

   




   




   




 ，for循环中的循环变量一般用i来表示 



 



 



 
，i是iterator(迭代器)的首字母                 ，如果循环里面嵌套循环


    




    




    




 ，就依次使用j

     

     

     

、k…来表示循环变量                 。

循环也可以称作   

   

   

   
”遍历“















，循环的过程就是一遍一遍的给变量赋值的历程  




    




    




    
。

表达式3中的i++也称

     

     

     

”步长“为1                  ，比如i += 3


     



     



     



 ，也可以称为
  




  




  




 ”步长“为3

for循环的执行机理分析：

按照循环执行机理














，首先 I=1 —> 然后判断i是否小于等于10   
    
    
    
，结果肯定是真—>然后执行控制台输出语句 —> 然后执行 i++


     


     


     


，此时 i == 2 —> 判断i是否小于等于十 




 




 




 ，结果还是真 —> 然后再执行控制台输出语句 —> 再执行 i++ …

可以看出   

   

   

   
，程序在循环执行

     

     

     

，一直执行十个循环
  




  




  




 ，直到i等于11  


  


  


  
，判断语句为假 
     
     
     
，退出循环

















。

🌟 准确遍历for循环

根据for循环执行机理

   




   




   




 ，必须要准确遍历for循环                。

下面看几个例子 



 



 



 
，预测一下for循环的结果：

案例一：

for (var i = 3; i <= 13; i += 3) { console.log(i); }

执行结果为：控制台输出3
  




  




  




 、6  


  


  


  
、9 
     
     
     
、12

案例二：

for (var i = 15; i > 2; i -= 3) { console.log(i); }

执行结果为：控制台输出15

   




   




   




 、12 



 



 



 
、9                 、6


    




    




    




 、3

案例三：

for (var i = 2; i < 12; i += 3) { i += 4 console.log(i); }

执行结果为：控制台输出6















、13

案例四：

for (var i = 1; i < 10; i ++) { } console.log(i);

执行结果为：控制台输出10

案例五：

for (var i = 1; i < 10; i --) { console.log(i); }

这个循环为死循环                 ，在编程过程中


    




    




    




 ，一定要避免出现死循环















，否则会导致cpu过载等严重问题   



     



     



     。

案例六：

for (var i = 10; i < 10; i --) { console.log(i); }

这个没有执行结果                  ，因为一上来就不满足判断条件


     



     



     



 ，所以不会循环

🌟 for循环练习

题目一：使用for循环在控制台依次输出18                  、14


     



     



     



 、10














、6   
    
    
    
、2


     


     


     


、-2 




 




 




 、-6

for (var i = 18; i >= -6; i -= 4) { console.log(i); }

题目二：使用for循环在控制台依次输出0   

   

   

   
、0.2

     

     

     

、0.4
  




  




  




 、0.6  


  


  


  
、0.8 
     
     
     
、1

for (var i = 0; i <= 1; i += 0.2) { console.log(Number(i.toFixed(1))); }

⭐ for循环语句算法题

学习任何知识都是服务于实际业务的














，要多做题目   
    
    
    
，才能熟能生巧

🌟 题目一：计算1+2+3+…+99+100的和

题目分析：这是一个等差数列的求和


















。在数学上有数学公式    
    
    
。但是程序上我们只能一个数一个数的加    


     


     


     。

方法：累加器

代码如下：

// 创建累加器 var sum = 0; //遍历1~100每个数字


     


     


     


，然后把每个数字加到累加器sum上去 for (var i = 1; i <= 100; i++) { sum += i; } console.log(sum);

也可以把累加器和i一起定义 




 




 




 ，这是很多老程序员的写法：

for (var i = 1, sum = 0; i <= 100; i++) { sum += i; } console.log(sum);

🌟 题目②：请问1~100中哪个数字除以3余1且除以4余2且除以5余3？

题目分析：还是需要循环1~100中的数字   

   

   

   
，然后循环里面嵌套if语句判断是否符合条件

     

     

     

，符合条件再输出

方法：穷举法

代码如下：

for (var i = 1; i <= 100; i++) { if (i % 3 == 1 && i % 4 == 2 && i % 5 == 3) { console.log(i + 符合条件); } }