js关于循环的理解

Posted Ambition

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js关于循环的理解相关的知识,希望对你有一定的参考价值。

学习任何语言都离不开循环,js也是一样,看了网上的资料,整理一份关于js循环的理解。

1.最基础循环,js和其他高级语言一样使用for、while循环

(function() {
    for(var i=0, len=demoArr.length; i<len; i++) {
        console.log(‘demo1Arr[‘+ i +‘]:‘ + demo1Arr[i]);
    }
})();
  • for循环中的i在循环结束之后任然存在与作用域中,为了避免影响作用域中的其他变量,使用函数自执行的方式将其隔离起来()();
  • 避免使用for(var i=0; i<demo1Arr.length; i++){} 的方式,这样的数组长度每次都被计算,效率低于上面的方式。也可以将变量声明放在for的前面来执行,提高阅读性

使用范围,js的for循环只能用于 字符串和数组对象, 对于普通的对象不适用。

2.for in 循环遍历 

for(var index in demoArr){
    console.log(demoArr[index]);  
}

一般来说不要用for in来遍历数组,数组索引只是具有整数名称的枚举属性,并且与通用对象属性相同。不能保证for ... in将以任何特定的顺序返回索引;

对于对象和字符串也是一样, 但是不能遍历 set 和 map;

3. for of 是es6中的遍历方式,需要被遍历的对象实现interator接口,这个知识点在es6中,普通对象想用for of必须实现interator接口

 

以上是关于js关于循环的理解的主要内容,如果未能解决你的问题,请参考以下文章

关于js循环理解

关于js----------------分享前端开发常用代码片段

几个关于js数组方法reduce的经典片段

js数组高阶方法reduce经典用法代码分享

js数组高阶方法reduce经典用法代码分享

关于CSS的个人理解