循环遍历多层json_JS中3种风格的For循环有什么异同？

转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。

在学习任何开发语言时候，for循环是必不可少的一种语法，可能所有开发人员都会使用它。它非常经典，以至于每个开发语言都至少包括一种关于循环的语法版本。不过，在JavaScript种包含了三种不同的循环语法（如果再讲究一点，也可以算作是四种）。

它们的使用方式并不完全相同，举例如下：

l 经典的For循环语法

l For….of 及 For…in

l 炫技一点的版本：.forEach

接下来，我想介绍下这三种语法使用时有什么异同，以及在什么时间怎样使用它们才能收获最棒的结果。好的，让我们开始吧。

经典的For循环

这个语法我们应该都已经非常清楚了，在for循环中，你可以在其中定义内部计数器，设置相应中断条件和灵活的步进策略（通常可以是递增也可以是递减）。

语法为：

for([计数器定义];[中断条件];[步进策略]){ //... TODO }

我敢肯定即便不用我的介绍，之前你也一定写过类似的语句，例如：

for(let counter = 0; counter < 10; counter++) { console.log(counter) }

让我们在Chrome里运行一下，得到的结果也符合预期，但for循环就仅仅如此了吗？

你可以认为for循环为三个表达式

for( [在循环开始时只执行一次的表达式]; [其中每一个逻辑判断都需吻合的表达式]; [循环每一步都被执行的表达式] )

这样表述的意义在于，你可以使用多个计数器执行for循环，或在不影响计数器的情况下在步进表达式中执行每次需要执行的代码，举个例子：

for(let a = 0, b = 0; a < 10 && b < 100; a++, b+=10) { console.log(a, b) }

我们可以再进一步，让其变的更符合实际应用场景：

for(let a = 0, b = 0; a < 10 && b < 100; console.log("你的计数器现在是：", ++a, b+=2)){}

另外，你甚至可