zoukankan      html  css  js  c++  java
  • 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. 使用限制

  • 相关阅读:
    JavaScript基础知识
    font属性+ul列表+table属性+border属性
    一级段项目学习
    考点整理代码块系列
    考试点总结
    JavaScript复习
    1017
    复习HTML
    1012总结
    1011js学习总结
  • 原文地址:https://www.cnblogs.com/cisum/p/10076483.html
Copyright © 2011-2022 走看看