- 当前子专栏 基础入门三大核心篇 是免费开放阶段。推荐他人订阅，可获取扣除平台费用后的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的和
题目分析：这是一个等差数列的求和。在数学上有数学公式。但是程序上我们只能一个数一个数的加。
方法：累加器
代码如下：文章来源地址https://www.toymoban.com/news/detail-464831.html
// 创建累加器
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语句判断是否符合条件，符合条件再输出
方法：穷举法文章来源：https://www.toymoban.com/news/detail-464831.html
代码如下：
for (var i = 1; i <= 100; i++) {
if (i % 3 == 1 && i % 4 == 2 && i % 5 == 3) {
console.log(i + '符合条件');
}
}
到了这里，关于〖大前端 - 基础入门三大核心之JS篇⑯〗- JavaScript的流程控制语句「for循环语句及算法题」的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
