首页 > 编程知识 正文

js for each(js中foreach循环遍历数组)

时间:2023-05-06 14:01:14 阅读:83947 作者:3188

上一篇介绍了寻找数组中指定元素的方法。 接下来,我们将介绍jQuery的常用遍历方法each的实现。

1. each的介绍

jQuery的each方法。 可以用作用于遍历对象和数组的常用遍历方法。 语法为jquery.each (对象,调用)。

回调函数有两个参数。 第一个是对象的成员或数组的索引,第二个是相应的变量或内容。

2 .结束循环

ES5提供了forEach方法,但forEach除了抛出异常外,不能中止或弹出forEach循环。 但是,对于jQuery的each函数,如果必须退出each循环并将回调函数返回false,则会忽略其他返回值。

3 .第一版

那么,该如何实现这样的each方法呢? 首先,需要根据参数的类型进行判断。 对于数组,请调用for循环,对于对象,请使用for in循环。 一个例外是类数组对象,而类数组对象仍然可以使用for循环。

虽然现在可以遍历对象和数组,但中止循环仍然没有效果。 根据jQuery each的实现,当回调函数返回false时中止循环。 实现这一点也很容易:

只需将callback(I,obj(I ) )替换为以下内容即可

在实际的开发中,有时会在callback函数中使用this,但举个不太恰当的例子:

此时,我们希望指向this当前正在扫描的元素,以便可以向每个元素添加age属性。 指定this,我们可以使用呼叫和应用程序。 其实很简单。 我们:

重新启动交互渲染。

回到最初的写法,正因为this指向当前的DOM元素,所以可以使用$(this )将当前的DOM元素包装到jQuery对象中,并优雅地使用hover方法。 最终的each源代码如下所示。

学习相关推荐(编程所需的辅助) :

)检索公众号“只会写错误”,共享更多干涩的知识、信息、教程等

)有必要尽快从零度基点到上级接收大量的编程类资料!

如果觉得给你添麻烦了,动动小手指,【关注】上面的公众号吧。 或者让更多的人看那篇文章吧。 大家也可以积极在后台给我留言,多交流,一起进步。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。