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. 使用限制

 

posted @ 2018-12-06 14:18  Sunsin  阅读(208)  评论(0编辑  收藏  举报