forEach()与each()方法的区别

素颜马尾好姑娘i 2021-10-24 00:58 348阅读 0赞

**forEach()** 为JavaScript(ES5)的方法，而 **each()** 方法是JQuery的方法，forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。

**注意**: forEach() 对于空数组是不会执行回调函数的。

forEach()的回调函数有两个参数，index，value，index为当前元素的索引值，value为当前元素。

var arr = ["你好","我好","大家好","才是","真的好"];
    arr.forEach(function(value,index) { 
        // 输出为array数组的每一个元素
        // 注意 value在前
        console.log(value);
    });

arr必须是一个真正的数组，当arr为伪数组则会报错：

let btns = document.getElementsByTagName("button")
    console.log("btns",btns);//得到一个伪数组
    btns.forEach(item=>console.log(item)) Uncaught TypeError: btns.forEach is not a function

**each()** 方法分两种情况，$().each() 和 $.each()。

$().each()是对页面元素的操作，此时可获取DOM元素直接操作

var resourceInputVal = $("#ResouraceModal form input");
    $("#ResouraceModal .btn-default").click(function () { 
        // button按钮的点击事件里可以直接修改input输入框的内容
        resourceInputVal.each(function (index, value) { 
            // 注意index在前
          value.value = "";
        })
      })

如果要用each方法操作二维数组，可以这样写：

var arr = ["gag","grt","rthr","afds","nttr","fWGW","afgd","cvd","awx"];
    $.each(arr,function(index,value) { 
        // 此时，each方法可以用于直接操作数组
        // index在前
        console.log(value);
    });

发表评论取消回复

表情：

评论列表（有 0 条评论，348人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript数组遍历：for、foreach、for in、for of、$.each、$().each的区别

[JavaScript数组遍历：for、foreach、for in、for of、$.each、$().each的区别][JavaScript_for_foreac

- 日理万妓/ 2023年06月09日 15:26/ 0 赞/ 8 阅读

相关 php中list,each,foreach的区别

list,each,foreach进行代码说明 <?php $data = array('a' => 'data1', 'b' => 'data2', 'c' => 'dat

左手的ㄟ右手/ 2022年08月27日 05:38/ 0 赞/ 165 阅读

相关 foreach和for in each 的区别

本文将谈谈javascript 中for in 和 for each in的用法和区别区别一： for in是javascript 1.0

向右看齐/ 2022年07月16日 09:45/ 0 赞/ 158 阅读

相关 JS中的forEach、$.each、map方法

1.forEach() forEach是ES5中操作数组的一种方法，主要功能是遍历数组。forEach方法中的function回调有三个参数：第一个参数是遍历的数组内容，第二

阳光穿透心脏的1/2处/ 2022年05月21日 01:21/ 0 赞/ 215 阅读

相关浅谈JavaScript中forEach与each

　forEach是ES5中操作数组的一种方法，主要功能是遍历数组，例如：　　 var arr = [1,2,3,4]; arr.forEach(

Myth丶恋晨/ 2022年04月10日 12:39/ 0 赞/ 202 阅读

相关 jquery的$().each,$.each的区别

在jquery中，遍历对象和数组，经常会用到$().each和$.each()，两个方法。两个方法是有区别的，从而这两个方法在针对不同的操作上，显示了各自的特点。 $().e

灰太狼/ 2021年11月14日 14:08/ 0 赞/ 380 阅读

相关 forEach()与each()方法的区别

forEach() 为JavaScript(ES5)的方法，而 each() 方法是JQuery的方法，forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。

素颜马尾好姑娘i/ 2021年10月24日 00:58/ 0 赞/ 349 阅读

相关 JavaScript数组遍历：for、foreach、for in、for of、$.each、$().each的区别

转载自：[https://segmentfault.com/a/1190000017394445][https_segmentfault.com_a_1190000017394

ゝ一纸荒年。/ 2021年09月20日 06:34/ 0 赞/ 309 阅读

相关 $('').each() 与 $.each() 的区别

请移步 [https://mrceel.cn/each-each/][https_mrceel.cn_each-each] [https_mrceel.cn_each-e

一时失言乱红尘/ 2021年09月15日 11:36/ 0 赞/ 416 阅读

相关 jquery的$().each,$.each的区别

最近一直在研究JS，今天看到遍历模块的时候，看到了这个函数： $(selector).each(function(index,element)) 但是想想，这个函数和之前项

以你之姓@/ 2021年09月14日 09:46/ 0 赞/ 382 阅读