美文网首页
JS 用for 循环遍历数组

JS 用for 循环遍历数组

作者: 王叮叮当当响 | 来源:发表于2018-07-11 17:17 被阅读0次

例如以下:定义a数组,b为伪数组!

var a = [1,2,3,0,5,4]; 

var b = document.getElementsByTagName('li'); 

1  基本型

for ( var i = 0; i < a.length; i++ ){ 

//这样的写法是最主要的。但错误的地方是数组长度不该每次都取。所以一般我们都会用另外一种写法!} 

2 通用型 

for ( var i = 0,l = a.length; i < l; i++ ){ 

//这样的写法是最常见的。最好理解的,也是通用的,对于a,b这两种类型的(伪)数组都能够。} 

3 优化型 

for ( var i = a.length - 1; i >= 0 ; i-- ) { 

//这样的写法非常巧妙,倒序来遍历,从而节省了一个暂时变量!对于a,b这两种类型的(伪)数组都能够。//google的compiler压缩后就会对for循环做这样的优化!} 

4 特定型 

for ( var i = 0; b[i]; i++ ) { 

//这样的写法不是通用的,对于数组a就不行。但对于数组b这样的dom元素的集合来说非常有用!} 

5 技巧型

 for ( var i = 0, elem; (elem = b[i]) != null; i++ ) { 

//这样的写法也是特定情况下使用的,当数组的元素不等于某一个值得时候,这里是当遇到null或undefined时停止循环,所以数组a也是能够使用的! 

技巧:声明条件的同一时候赋值。能够降低一行赋值暂时变量的代码!}

相关文章

  • vue列表渲染

    vue列表渲染v-for类似js语言中的for循环,用vue列表渲染指令渲染数组,可以类比js中用for循环遍历数...

  • JS 数组循环遍历方法的对比

    JS 数组循环遍历方法的对比 JavaScript 发展至今已经发展出多种数组的循环遍历的方法,不同的遍历方法运行...

  • [转]JS数组遍历方法

    文章主要来源: JS数组遍历方法总结 -- 我是豆子啊 我们用更简洁的语法(比如内置函数)遍历数组,从而消除循环结...

  • JavaScript数组遍历和对象遍历

    JS数组遍历: 1. 普通for循环,经常用的数组遍历 2. 优化版for循环:使用变量,将长度缓存起来,避免重复...

  • JS 用for 循环遍历数组

    例如以下:定义a数组,b为伪数组! var a = [1,2,3,0,5,4]; var b = document...

  • 【】for、forEach、map数组遍历性能比较

    【js】for、forEach、map数组遍历性能比较 结果:遍历时间上for循环遍历

  • JS数组遍历

    本文针对JS中数组遍历做一个总结 普通 for 循环 forEach 循环(数组自带的方法) 注意: forEac...

  • JS 循环 OR 数组遍历

    while OR do-while for forEach for-in for-of map filter so...

  • js数组遍历方法总结

    转自: js数组遍历方法总结 数组遍历方法 1.for循环 使用临时变量,将长度缓存起来,避免重复获取数组长度,当...

  • JavaScript 中的12种循环遍历方法

    1、for 循环 for 循环是 Js 中最常用的一个循环工具,经常用于数组的循环遍历。 2、for in 循环 ...

网友评论

      本文标题:JS 用for 循环遍历数组

      本文链接:https://www.haomeiwen.com/subject/qrzhpftx.html