前端工程师不得不知道的ES6新特性（一）

    

一、for-of循环

遍历数组，在最初时期一般使用的就是for循环

for (var index = 0; index < myArray.length; index++) {

console.log(myArray[index]);

}

在ES5出现之后，多了一个选择，可以使用forEach方法

myArray.forEach(function (value) {

 console.log(value);
});

这段代码看起来更加简洁,但这种方法也有一个小缺陷:不能使用 break 语句中 断循环,也不能使用 return 语句返回到外层函数。 

那么在ES6中的for-of循环就解决了这个问题。

for (var value of myArray) {

  console.log(value);

}

for-of循环，在写法上和我们见过的for-in循环很相似，但实际上存在很大区别。for-of循环有以下强大的好处

1.这是最简洁、最直接的遍历数组元素的语法


2.避开了for-in循环的所有缺陷


3.与forEach()不同的是,它可以正确响应break、continue和return语句 


for-of 循环不仅支持数组,还支持大多数类数组对象，字符串的遍历。它同样支持 Map 和 Set 对象遍历。 Map和Set对象也是ES6新增的类型，在接下里的文章我们先来说说Map和Set对象。