当前子专栏 基础入门三大核心篇 是免费开放阶段    
    
    
。推荐他人订阅   
    
    
  ，可获取扣除平台费用后的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 + 符合条件); } }