小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。

前言

发现JS中的循环有好多，如果让一下说出来，感觉有些会想不起来，本次花时间来梳理一下JS中循环语句。

本次来了解一下，基本的两个循环for循环和while循环

for循环

先来看一下代码，如下：

let arr = [111, 444, 888]
for(let i = 0; i < arr.length; i++){
    console.log(arr[i]) 
}

以上为例来讲下普通for循环的执行过程：

1. 执行let i = 0

2. 判断i是否小于arr.length；满足条件返回true，不满足条件返回false，如果为true，循环结束，如果为false，执行循环体中语句

3. 执行循环体语句后，执行i++

4. 重复以上②③两个步骤，直到满足条件循环结束

普通for循环可以通过变量i来遍历获取数组中对应下标的数组成员

while循环

while循环是一直重复判断，当()中的表达式结果转成boolean值,当值为真时，执行{}里面的代码内容，当转成boolean值值为假时，while循环结束

let i = 1;
while (i < arr.length) {
    console.log(arr[i]);
    i++;
}

以上为例来讲下普通while循环的执行过程：

0. 在while循环之前声明了一个变量i
1. 在while循环中，会先指向()中的表达式结果转成boolean值，即执行i<arr.length，当值为真时，执行{}里面的代码内容
2. 当{}里面的代码执行完后，继续执行()中的表达式，看其结果转成boolean值是否为真，为真则继续执行{}里面的代码，如此重复
3. 直到()中的表达式为假，则结束循环

结束

以上就是两个循环的具体过程