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

forEach()为JavaScript(ES5)的方法，而each()方法是JQuery的方法。

forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。

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

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

var arr = ["你好","我好","大家好","才是","真的好"];
arr.forEach(function(value,index,arr) {// 输出为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);
});

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

JS的forEach和map方法的区别
一.前言 forEach()和map()两个方法都是ECMA5中Array引进的新方法,主要作用是对数组的每个元素执行一次提供的函数,但是它们之间还是有区别的.jQuery也有一个方法$.each() ...
【Java常识】6.0面向对象认知和Eclipse的实用使用、==号和equals方法的区别
1.曾经写过很多自以为很通俗易懂的面向对象的解释. 如下是目前最通俗的一种解释: 2.Eclipse的补充解释. 运行的快捷键:F11. 3.Eclipse快捷键大全大全放本文最后,这里主要放常用的 ...
python中函数和方法的区别？Python编程判断当前获取的对象是函数还是方法
python中函数和方法的区别?Python编程判断当前获取的对象是函数还是方法目录
python脚本设置linux环境变量_Linux环境变量export方法与修改文件方法的区别
玩蛇网推荐图文教程:python 列表要想修改Linux环境变量有两种方法可以实现,但是关于Linux环境变量export方法与修改文件方法的区别你又了解多少呢?设置 Linux 环境变量可以通过 ...
Jquery empty() remove() detach() 方法的区别
方法简介: empty() This method removes not only child (and other descendant) elements, but also any text ...
GET和POST两种基本请求方法的区别
GET和POST两种基本请求方法的区别回退回退时无害会再次提交请求记录 URL可被记录, 用于再访问不可以缓存主动缓存可手动设置编码方式只进行url编码多种编码方式参数长度有 ...
java线程 yield_Java线程中yield与join方法的区别
长期以来,多线程问题颇为受到面试官的青睐.虽然我个人认为我们当中很少有人能真正获得机会开发复杂的多线程应用(在过去的七年中,我得到了一个机会),但是理解多线程对增加你的信心很有用.之前,我讨论了一个w ...
Cesium 中两种添加 model 方法的区别
概述 Cesium 中包含两种添加 model 的方法,分别为: 通过 viewer.entities.add() 函数添加通过 viewer.scene.primitives.add() 函数添加 ...
计算属性|| 计算属性与方法的区别：计算属性是基于它们的依赖进行缓存的；方法不存在缓存||侦听器
计算属性 1. 为何需要计算属性? 表达式的计算逻辑可能会比较复杂,使用计算属性可以使模板内容更加简洁 2. 计算属性的用法 <!DOCTYPE html> <html lang=& ...

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

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

最新文章

热门文章