前端工程师不得不知道的ES6新特性(一)
2017-02-17 18:49
260 查看
一、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对象。
相关文章推荐
- 前端工程师不得不知道的ES6新特性(三)
- 前端工程师不得不知道的ES6新特性(四)
- 前端工程师不得不知道的ES6新特性(二)
- 前端工程师不得不知道的ES6新特性(一)
- 前端工程师不得不知道的ES6新特性(二)
- 前端工程师不得不知道的ES6新特性(四)
- 前端工程师不得不知道的ES6新特性(三)
- ES6新特性——GeneratorFunction介绍
- es6的新特性(一)
- ES6新特性七:数组的扩充详解
- ES6新特性
- 【微信小程序+ES6新特性应用】通过增强对象字面量创建方法,省略function写法
- ES6特性-Generators
- ES6的新特性
- ES6新特性概览
- ES6新特性:块级作用域let和const
- es6箭头函数(=>)与展开特性运算符(...)的使用
- 【ES6】ES6和ES5特性对比
- Node.js 4.0正式发布,支持ES6新特性