js - 关于循环

ES5:for,foreach,for..in

ES6:for..of

 

　　　　　　　　　　// ES5(可参见ES6的析构写法)
			const value = ["a", "b", "c"]

			// for
			for (let i = 0; i < value.length; i++) {
				console.log('for：', value[i])
			}

			// for优化版(保留长度，无需每次遍历长度)
			for (let i = 0, len = value.length; i < len; i++) {
				console.log('for优化:', value[i]);
			}
			
			// 优点：foreach适用于只是进行集合或数组遍历
			// 缺点：for..each(效率较低),不能跳过或者终止循环
			// 参数调用：默认回调三个参数(value,index,)
			value.forEach(function(value, index, array) {
				console.log('for..each：', value, index, array)
			})

			// for..in(可返回可枚举的属性)
			// 不可枚举的属性:如Number() ->js内部封装的
			for (let i in value) {
				console.log('for..in：', value[i])
			}

			// for..of
			for (let i of value) {
				console.log('for..of：', i)
			}

 

关于for..of和for..in区别，请参见阮一峰教程

　

关于使用：根据最简，最适用的循环使用即可

* 1. 语法(参数)
* 2. 使用限制