上一篇文章我们一起学习了JS中的条件语句，在JS中条件语句通常被用来控制程序的流程，如果我们需要在某一个流程中重复执行一个代码块怎么办呢？这就需要用到循环语句了。在JS中，常用的循环语句包括for循环、for in循环、for of循环、foreach循环、while循环、do while循环等等多种方法，这篇文章我们主要会学习for循环、for in循环、for of循环以及while循环。

一、for循环

for循环是JS中应用最广泛的一种循环，for循环可以循环一切可以被遍历的数据，而且for循环还能记录循环次数，因此for循环被广泛用于流程控制、数据遍历、多重循环等几乎所有的循环

for循环语法

执行结果

for循环中的()小括号里面是对整个循环的定义，首先声明一个初始值为1的变量i，如果i小于等于10，则i会自增1。

因此该循环可以理解成：

1，当i等于初始值1的时候，执行了一次{}大括号console.log语句

2，然后i自增1变成了2，因为2依然小于等于10，因此又会执行{}大括号中间的代码块

......

依次循环，直到当i等于11的时候，因为11不满足小于等于10的条件，跳出循环。

for循环另外一个重要的作用就是遍历数组，可以查找数组中指定位置的元素以及对应的值

遍历数组

成功遍历

注意

1，``反引号是JS中的模板语法，在``反引号中可以通过${变量}的方式将变量转换成字符串，从而进行字符串拼接，这比传统的通过+联级运算简单了很多

2，每个数组都有一个length属性，表示数组的长度，我们可以通过数组名.length获取到数组的长度，数组的长度从0开始(例如length为10的数组，他的i是0-9，而不是1-10，所以循环的判断条件应该是< length或者<= length - 1)

二、for in循环

因为对象是无序的，因此我们不能通过for循环来遍历，所以出现了for in循环，可以对对象进行遍历操作。

遍历对象

得到对象的所有属性

注意

1，for in遍历对象只能得到对象的所有属性名，且属性名是以字符串形式输出的

2，如果我们需要拿到对象中所有属性的值，需要这么做

3，for in循环也可以遍历数组

通过对象[属性名]的方法获取属性值

可以通过对象名[属性名]的方式获取到属性的值。

三、for of循环

for of循环通常被用来遍历数组，可以得到数组中每个元素的值

语法和for in循环类似

获取到了数组中的每个元素

注意

1，for of循环只能拿到数组中每个元素的值，无法拿到元素的索引

2，for of循环无法对循环次数进行统计

3，for of循环只能完整循环整个数组，不能指定开始和结束的位置

4，for of循环无法遍历对象，因为对象是不可迭代的

四、while循环

while循环和for循环类似，既可以循环执行代码块，也可以对可迭代数据进行遍历

循环执行console.log代码块

遍历数组

while循环可以看做是for循环的另外一种写法，两者基本上作用是一样的

do while循环和foreach循环以后我们会结合其他相应的知识一起学习！