前端工程师不得不知道的ES6新特性(一)
2017-02-17 00:00
176 查看
一、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对象。
相关文章推荐
- OpenERP v6.1新特性解读 (一)整体易用性、界面、移动性
- OpenERP v6.1新特性解读 (三) 技术
- ES6 走马观花(ECMAScript2015 新特性)
- React and React with ES6
- fetch 设置 HTTP 注意事项
- C#中循环语句:while、for、foreach的使用
- Lua中数字for循环实例
- C#用链式方法表达循环嵌套
- C#6.0中10大新特性的应用和总结
- Sql存储过程游标循环的用法及sql如何使用cursor写一个简单的循环
- Shell中的for和while循环详细总结
- Bash中数组的操作教程
- C# 6.0 新特性汇总
- MySQL 5.6 GTID新特性实践
- 解读ASP.NET 5 & MVC6系列教程(17):MVC中的其他新特性
- C++11的新特性简单汇总介绍 (二)
- C语言循环结构与时间函数用法实例教程
- C++11的新特性简单汇总介绍 (一)