ES6语法之for-of

for-of的简介

for-of是ES6的新语法。该语法建立在iterable对象之上。可以使用for-of进行处理的数据类型有Array、Map、Set、String、类数组等等。

js中常规的for循环的写法

var arr = [1, 2, 3];
for(var i = 0; i for (variable of iterable) {
  statement
}
### Demo
var arr = [1, 2, 3];
var item;
for(item of arr) {
    console.log(item);
}




### for-of与for-in的对比
在js语言中for in 会遍历数组是十分危险的，很可能会遍历到用户自己扩展的属性或方法。而for-of则会遍历实实在在的数组中的元素。

#### for-in

var arr = [1, 2, 3];
arr.name = 'xiyuan';
for(var item in arr) {
console.log(item);
}

#### for-of

var arr = [1, 2, 3];
arr.name = 'xiyuan';
for(var item of arr) {
console.log(item);
}

### for-of  可以进行元素判断而做到程序是否停止

var arr = [1, 2, 3];
arr.name = 'xiyuan';
for(var item of arr) {
console.log(item);
if(item == 1) {break;}
}

### for-of语句存在的原因

1. 比较而言遍历数组最简洁和直接的语法；

1. 它避免了for-in的所有缺陷

1. forEach()不一样，它支持break，continue和return。



#es6#

版权声明

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！