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

一、什么是迭代器

迭代器是一种设计模式，这种模式是为了解决集合等容器的遍历问题，使用者无需关注容器内部的实现。从实现上看，迭代器每一次得到的结果都会作为下一次迭代的值，这个通常使用指针维护，而不是单纯的重复。下面是js实现迭代器接口示例

几种遍历方法中for执行最快，它没有任何额外的函数调用栈和上下文。但在实际开发中我们要结合语义化、可读性和程序性能，去选择究竟使用哪种方案。下面来看for , foreach , map , for...in , for...of五种方法现场battle。

JavaScript基础：探索变量、函数和循环的基本概念

1、为什么要使用FOR 循环指令？

循环指令可以将一些重复的动作简化，使程序变得简短紧凑。

2、FOR循环指令使用注意事项：三菱PLC的梯形图中，FOR 循环指令是在一个扫描周期内执行完成的，切记！切记！这条对正确理解和使用FOR循环指令非常重要！

遍历对象的语法和遍历数组的语法是一样的。具体格式如下：

<div v-for="value in object">
    {{value}}
</div>

javascript中的循环迭代（for, while, do...while, for...in, for...of, 函数迭代）

循环

在大多数语言中，代码的大部分时间消耗在循环中。但是循环处理又是最常见的循环模式。也是提升性能必须要关注点。

循环类型

在js中中有四种经典的循环类型，while，do...while，for，for...in。以及es6新添加的for...of，和基于函数的迭代。

需求：循环['zhangsan','lisi','wangwu','zhaoliu']数组，当元素值为'wangwu'时跳出循环体。

方式一：使用for循环

目录：我们在循环遍历数组或者对象的时候都会用到for in （es5）和for of（es6）；在使用上感觉效果都差不多；那他们到底有什么差别呢？那我们就通过代码的方式来验证他们的不同吧！

数组