夯实基础篇----讲讲js中的循环与迭代for语句可谓是最经典也最全能的循环语句选手了，使用起来很方便，自由度也很高，比

这是我参与8月更文挑战的第27天，活动详情查看：8月更文挑战；

写在前面

日常写代码，难免会需要列表渲染等需要循环的场景，今天我们就来一起回顾一下js中那些用于循环的语句吧。

for语句可谓是最经典也最全能的循环语句选手了，使用起来很方便，自由度也很高，比如输出0到100，我们可以这样写。

for (let i = 0; i <= 100; i++) {
  console.log(i);
}

这样就可以了，for当中接收三个表达式，第一个为初始值，第二个为循环条件，第三个为循环执行后要执行的表达式。

do wilie语句和for最大的不同就是，它至少会执行一次，若满足循环条件就一直执行，输出0到100的代码示例如下。

let i = 0;
do {
  i += 1;
  console.log(i);
} while (i <= 100);

while用起来，就比do while语句更符合常理了，只有符合循环条件，才会进行循环，这样就能够防止多执行一次循环内容才进行判断了，同样的输出0到100的代码示例如下。

let i = 0;
while (i <= 100) {
  console.log(i++);
}

当然，在循环中我们可能会需要跳出当前循环体，或是跳出当前一次的循环进行之后的循环，那么就需要这两个语句了。

那么，如果我们有一个开始为0，循环条件为小于等于100的一个for循环，我们应该怎样让它输出到50就不继续进行呢？这里break就能够很好的处理了，代码如下。

for (let i = 0; i <= 100; i++) {
  if (i <= 50) {
      console.log(i);
  } else {
      break;
  }
}

好，现在如果我们的需求变成了，这里0到100当中不输出50到60，这就需要用到continue了，我们可以这样写。

for (let i = 0; i <= 100; i++) {
  if (i <= 50 || i >= 60) {
      console.log(i);
  } else {
      continue;
  }
}

本篇文章我们一起回顾了js中的循环与迭代，以及跳出当前循环即跳出本次循环的方法，大家加油。

前端漫漫长途，我们都在路上，希望可以和小伙伴们一起交流，一起进步。持续更新ing.....