[JavaScript知识库]for-of 、forEarch、for-in

for

for (var i=0; i < 3; i++) {
    if (1==i) {
        return ; // Illegal return statement
    }
	console.log(i)
}
for (var i=0; i < 3; i++) {
    if (1==i) {
        break; // 结束所有循环
    }
	console.log(i) //0
}

for-of

var arr=[3,2,0,3,5]
	var obj={
    0: 'nick',
    1: 'freddy',
    2: 'mike',	
    5: 'james'
};
arr.name='tom' //自定义属性
for(let item of arr){	
		if(item<2) return //Illegal return statement
	    console.log('of',item);
}
for(let item of arr){	
		if(item<2) break //结束所有循环
	    console.log('of',item); //3,2
}
for(let item of arr){
	    console.log('of',item); // 3,2,0,3,5 不能遍历到自定义属性
	}
// for-of 不能遍历对象
for(let item of obj){
	    console.log('of',item); //  obj is not iterable 
}

var arr=[3,2,0,3,5]
arr.name='tom' //自定义属性
Object.keys(arr) // "0", "1", "2", "3", "4", "name"

for-in

var arr=[3,2,0,3,5];
arr.name='tom' //自定义属性
var obj={
    0: 'nick',
    1: 'freddy',
    2: 'mike',	
    5: 'james'
};
arr.name='tom' //自定义属性
for(let item in obj){
	    console.log('in',item); //item 对象的key遍历 0,1，2,5,name  能遍历自定义属性
}
for(let item in arr){
    console.log('in',item);//item 数组的下标遍历 1,2，3,4
}
for(let item in obj){
	if(item>2) break //结束所有循环 0,1，2
	    console.log('in',item);
}
for(let item in obj){
	if(item>2) return // Illegal return statement
    console.log('in',item);
}

forEach

// forEach 不能遍历对象
arr.forEach(v=>{
		 if(v<3) break; // Illegal break statement
		console.log('forEach',v)
});
arr.forEach(v=>{
	 if(v<3) return ; //结束本次循环，继续下次循环
	 // return false 和 return 效果一样 
	console.log('forEach',v) //3,3,5
});