简单了解JS中的几种遍历

简单了解JS中的几种遍历

	// for
	var arr = [1, 2, 3]
	for(var i = 0; i < arr.length; i++) {
	    //do something
	};
	
	// for...of...
	for(var i of arr) {
	    //do something
	};
	
	// for...in..
	for(var i in arr) {
	    //do something
	};
	
	// forEach()
	arr.forEach((item, index, arr) => {
	    //do something});
	});
	
	// map()
	arr.map((value,index,array) => {
	　　//do something
	});

1. 普通的for循环

	var arr = [1, 2, 3]
	for(var i = 0; i < arr.length; i++) { // 这里的i是代表数组的下标
	    console.log(i); // 0, 1, 2
	};

最简单的一种，正常用的话也不会出现什么问题，想中断也可以中断，性能上也还可以。

2. 优化版的for循环

	var arr = [1, 2, 3]
	for(var i = 0, len = arr.length; i < len; i++) { // 这里的i是代表数组的下标
		console.log(i); // 0, 1, 2 
	};

使用临时变量，将长度缓存起来，避免重复获取数组长度，当数组较大时优化效果才会比较明显。这种方法基本上是所有循环遍历方法中性能最高的一种，并且这一类型的for循环可以通过用break来中断循环

原文链接：https://www.cnblogs.com/Jacky-MYD/p/8984176.html