为了方便例子讲解，现有数组和字面量对象如下

var demoArr = ['Javascript', 'Gulp', 'CSS3', 'Grunt', 'jQuery', 'angular'];
var demoObj = {
  aaa: 'Javascript',
  bbb: 'Gulp',
  ccc: 'CSS3',
  ddd: 'Grunt',
  eee: 'jQuery',
  fff: 'angular'
};

在javascript语言中经常需要使用循环语法去获取数据中的一些值，例如，我们需要将列表中的商品逐个输出，或者运行相同的代码将数字 1 到 10 逐个输出。方法也比较多，该篇将讲解常见的循环遍历的使用及区别

● 循环控制，控制程序重复执行若干次相同或似的逻辑，理解并正确使用循环控制，需要搞清楚循环的3个要素：起始值、变化量、终止条件。

○ 起始值循环的起点，可以是【任意数据类型值】

○ 变化量是指【改变起始值的方式】

今天我们来对比一下JavaScript中的数组遍历：

• for

for (let index=0; index < someArray.length; index++) {
  const elem = someArray[index];
  // ···
}

除了while循环，C语言中还有 for 循环，它的使用更加灵活，完全可以取代 while 循环。

上节我们使用 while 循环来计算1加到100的值，代码如下：

上一篇文章我们一起学习了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循环指令非常重要！