JavaScript的几种遍历方式

原创 wangly 随笔 js 301阅读 2017-12-22 10:37:51 举报

根据遍历的数组,对象,DOMList将5种遍历方式分为四类:
一、只能遍历数组的:(1)for循环,(2)原生forEach
二、既能比那里数组也能遍历对象的:(1)for in,(2)$.each(),(3)第三方库扩展的forEach
三、遍历DOMList:(1)for in,(2)$(selector).each()
四、遍历数组、对象和DOMList:for in

  1. for循环 适用于:数组。
    (1) 缺点:循环结束后 i 仍然存在于作用域。 解决方法:函数自执行。
    (2)return:函数被终止。 break:终止循环。 continue:跳过当前循环
    没有使用函数自执行:
    javascript 代码

函数自执行:
javascript 代码

  1. for in 适用于数组、对象和DOMList。其他与for循环一样
    for(var key in demoArr/demoObj){}
    遍历DOMList示例:
    html 代码
  1. $.each 适用于数组和对象
    $.each(denoArr/demoObj,function(e,ele){}) ---- e即key,ele即val
    (1)只能用return终止。return true; 终止当前一次循环,不终止函数。return false; 终止循环,不终止函数。
    javascript 代码
  1. forEach 适用于数组。
    (1)只能用return终止循环。在这里return相当于for循环中的continue。只能终止当前一次循环。
    (2)可以添加第二个参数,没有第二个参数时,this指向window。
    (3)原生forEach不适用于IE。但在很多第三方库里扩展了这个方法。比如angular,可以在IE使用,也可以遍历对象
    javascript 代码
  1. $(selector).each() 适用于DOMList
    html 代码
评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复