×

前端开发中JS里的应用法则each() 和forEach()

作者:andy0012020.07.06来源:Web前端之家浏览:278评论:0
关键词:each()

前端开发中JS里的应用法则each() 和forEach()。

Javascript/Jquery 中each() 和forEach()的区别

从名字看上去这两个方法好像有点关系,但在javascript中它们区别还是挺大的。

forEach() 用于数组的操作,对数组中的每个元素执行制定的函数(不是数组不能使用forEach()方法)。 而$.each() 是JQuery中的方法,用于对集合中的每个匹配元素执行制定的函数。

此外,它们所对应的回调函数中的参数也不一样:

Array.forEach(item,index,array1);
$(selector).each(function(index,element))

下面是$.each()例子:

 var lst = $(".distance");
      $(lst).each(fun);
      function fun(index,item) {
          alert($(this).text());
      }      var arr = [1, 2];
      $(arr).each(fun);
      function fun(index,item) {
          alert(item);
      }

下面是一个forEach() 的例子:

 var arr = [1, 2];
      arr.forEach(fun);
      function fun(num) {
          alert(num);
      }

温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://www.jiangweishan.com/article/js20200706a2.html

网友评论文明上网理性发言 已有0人参与

发表评论:

最新留言

  • ajoy

    说法可以是一样的,毕竟JS和JQ都是有“血缘关系”的,你可以自己改下不就可以了吗,哈哈!...

  • 访客

    标题是JS用了JQ误人子弟呢...

  • absoy

    vue居然还能这么玩,期待你们vue3.0中文版教程。...

  • caij2

    github也中了新冠病毒了吧,哈哈!...

  • 访客

    收藏啦...

  • Web前端之家

    当然都可以被import,如何去设置,还要看你的具体项目要求。...

  • 访客

    exportdefault和vue的实例有啥子区别呢都可以被import...

  • Web前端之家

    可以加QQ群295431592咨询。...

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright © 2020 Web前端之家(www.jiangweishan.com) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.6.4 Valyria