【前端自学之路】JS之for循环结构

Javascript for 循环结构

for循环结构:

1
2
3
for (初始化语句1; 判断语句2; 迭代语句3) {
// for 循环语句体
}

这是一个标准的for循环结构

  • 第一步、初始化执行初始化语句1
  • 第二步、执行判断语句2,如果为假,则退出循环,如果为真,则继续循环
  • 第三步、执行 for循环语句体
  • 第四步、执行迭代语句3
  • 然后继续循环执行第二、三、四步,直到判断语句2为假时,退出循环或者break退出循环

我们来看几个例子

1
2
3
4
5
var sum = 0;
for (var i = 1; i <= 100; ++i) {
sum += i;
}
console.log(sum)

这是一个标准的for循环语句
初始化语句 var i = 1; 只执行一次
循环判断语句 i <= 100; 循环过程中每次循环开始前,都会执行并判断真假值
迭代语句 ++i; 循环过程中每次循环结束后,都会先执行迭代语句,以试迭代值 i 前进一步

以上循环语句其实就是求 1 + 2 + 3 + … + 100 的求和,最后结果sum 是 5050

坚持原创技术分享,谢谢鼓励我继续创作!