JS for循环的3种使用

1.1 for循环使用：

1)for in：

遍历存放对象的一维数组

var arr=[{"id":1,"name":"張山"},{"id":2,"name":"李四"}];
				for(var i in arr){
					console.log(i);
				}

结果：仅仅会得到数组的索引会遍历数组的原型属性），而且会打印出部分原型，不推荐这种使用方式，可以遍历对象属性（；

0
VM42759:265 1
VM42759:265 delByIndex
VM42759:265 delAllRepeat
VM42759:265 removeById
VM42759:265 sort_by

arr属性：

0: {id: 1, name: "張山"}
1: {id: 2, name: "李四"}
length: 2
__proto__: Array(0)
delAllRepeat: ƒ (type)
delByIndex: ƒ (index)/**@lends Array# */{ //return len < index ? this : this.slice(0, index).concat(this.slice(index+1)); index = +index; if(index==-1)
removeAll: ƒ ()
removeById: ƒ (_384,id)
sort_by: ƒ (map, desc)
add: ƒ (el, index)
all: ƒ (a)

2)forEach

forEach遍历存放对象的一维数组；

数组对象.forEach(函数定义/已定义函数的函数名);

dataArray.forEach(function(item,index){
					console.log("arr["+index+"]"+item);
				});

结果：

如果数组对象dataArray为null则会报错，值为[]不会执行forEach函数而且不会报错，推荐使用但是它不能遍历对象。

arr[0][object Object]
VM43346:264 arr[1][object Object]
VM43346:264 arr[2][object Object]
VM43346:264 arr[3][object Object]
VM43346:264 arr[4][object Object]
VM43346:264 arr[5][object Object]
VM43346:264 arr[6][object Object]
VM43346:264 arr[7][object Object]
VM43346:264 arr[8][object Object]
VM43346:264 arr[9][object Object]
VM43346:264 arr[10][object Object]
VM43346:264 arr[11][object Objec

1.2 取对象不存在的属性得到的值为undefined;

3）for-of循环

​ 一个数据结构只要部署了Symbol.iterator属性，就被视为具有iterator接口，就可以用for…of循环遍历它的成员。也就是说，for…of循环内部调用的是数据结构的Symbol.iterator方法。
　　for…of循环可以使用的范围包括数组、Set 和 Map 结构、某些类似数组的对象（比如arguments对象、DOM NodeList 对象）、后文的 Generator 对象，以及字符串

总结

for in 适用于纯对象的遍历，并且只能输出可枚举属性

forEach适用于需要知道索引值的数组遍历，但是不能中断

for of适用于无需知道索引值的数组遍历，因为可以中断。另外对于其他字符串，类数组，类型数组的迭代，for of也更适用