1、forEach方法

语法：

array.forEach(function(currentValue, index, arr), thisValue)

参数：

示例：

<!DOCTYPE html>

<html lang="zh">

    <head>

        <meta charset="UTF-8" />

        <title>forEach方法</title>

    </head>

    <body>

        <script type="text/javascript">

        var num = [2,1,3];

        num.forEach(function(currentValue,index,arr){

            console.log("当前值："+currentValue+"当前索引："+index);

        });

        </script>

    </body>

</html>

控制台输出为：

2、each方法

语法：

jQuery.each( collection, callback(indexInArray, valueOfElement) )

参数：

回调函数的第一个参数为indexInArray（索引值），第二个参数valueOfElement（值）

示例：

<!DOCTYPE html>

<html lang="zh">

    <head>

        <meta charset="UTF-8" />

        <title>each方法</title>

    </head>

    <body>

        <!--注意src路径要对-->

        <script src="js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>

        <script type="text/javascript">

            var num = [2, 1, 3];

            $.each(num, function(index, currentValue) {

                console.log("当前值：" + currentValue + "当前索引：" + index);

            });

        </script>

    </body>

</html>

控制台输出为：

总结：forEach与each的参数（尤其是index与value）的位置不一样。

延伸：jQuery的map方法的参数列表：

jQuery.map( array, callback(elementOfArray, indexInArray) )

示例：

<!DOCTYPE html>

<html lang="zh">

    <head>

        <meta charset="UTF-8" />

        <title>map方法</title>

    </head>

    <body>

        <!--注意src路径要对-->

        <script src="js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>

        <script type="text/javascript">

            var arr = ["a", "b", "c", "d", "e"];

            arr = jQuery.map(arr, function(value, index) {

                return(value.toUpperCase() + index);

            });

            console.log(arr);

        </script>

    </body>

</html>

控制台输出为：

												


											
javascript forEach方法与jQuery each区别的更多相关文章
	

    
								
  1. JavaScript forEach() 方法
		
    JavaScript forEach() 方法  JavaScript Array 对象 实例 列出数组的每个元素: <button onclick="numbers.forEach( ...
    
		
    2. 
						
  2. JavaScript forEach方法
		
    最近看了一些html5和js方面的书,受益匪浅,因为看的东西比较多,却都没有怎么静心来做整理,慢慢来吧,可能最近自己有点儿小紧张.今天跟大家分享下JavaScript的forEach方法(其实是从&l ...
    
		
    3. 
						
  3. JavaScript和JQuery的区别
		
    一.本质上的区别 1.JavaScript 是通过<script></script>标签插入到HTML页面,可由所有的现代浏览器执行的一种轻量级的编程语言. 2.JQuery是 ...
    
		
    4. 
						
  4. JavaScript数组方法--flat、forEach、map
		
    今天到flat了,一个第一次知道该方法还是看到一个面试题,别人给了个答案,用到了flat才知道的方法. 前面也写过关于这道面试题的文章,<一道关于数组的前端面试题>. 这里再来说说吧! f ...
    
		
    5. 
						
  5. JavaScript数组方法的兼容性写法 汇总：indexOf()、forEach()、map()、filter()、some()、every()
		
    ECMA Script5中数组方法如indexOf().forEach().map().filter().some()并不支持IE6-8,但是国内依然有一大部分用户使用IE6-8,而以上数组方法又确实 ...
    
		
    6. 
						
  6. javascript:apply方法 以及和call的区别 （转载）
		
    javascript:apply方法   1.        apply和call的区别在哪里 2.        什么情况下用apply,什么情况下用call 3.        apply的其他巧 ...
    
		
    7. 
						
  7. jQuery方法find()与children()区别
		
    一.find() 1.1 说明 find()方法返回被选元素的后代元素,一路向下直到最后一个后代. 1.2 示例 <div> <p> <span>1</spa ...
    
		
    8. 
						
  8. forEach 方法 (Array) (JavaScript)
		
    为数组中的每个元素执行指定操作. 语法 array1.forEach(callbackfn[, thisArg]) 参数 参数 定义 array1 必选.一个数组对象. callbackfn 必选.最 ...
    
		
    9. 
						
  9. 数组的foreach方法和jQuery中的each方法
		
    /* * 数组的forEach方法: * 1.返回给回调的参数先是值,然后是下标 * 2.回调函数执行时内部的this指向window * */ /*var arr = [1,2,3,4,5]; ar ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. [GCJ2017R2]Fresh Chocolate
			
    题目大意: 有n个团和很多盒糖,每个团中人数不一定相同,每盒糖中都有p颗糖. 现在要给每个团发糖,要求每个人都要发到糖,只有一盒糖发完后才能发下一盒糖. 发糖的顺序可以任意安排,问经过合理安排后,最多 ...
    
			
    2. 
						
  2. Educational Codeforces Round 12 B. Shopping 暴力
			
    B. Shopping 题目连接: http://www.codeforces.com/contest/665/problem/B Description Ayush is a cashier at  ...
    
			
    3. 
						
  3. Codeforces Beta Round #8 A. Train and Peter KMP
			
    A. Train and Peter 题目连接: http://www.codeforces.com/contest/8/problem/A Description Peter likes to tr ...
    
			
    4. 
						
  4. qt程序运行时的错误error：undefined reference to `_imp___ZN10QTcpSocketD1Ev'
			
    出现的错误: undefined reference to `_imp___ZN10QTcpSocketD1Ev' undefined reference to `_imp___ZN10QTcpSoc ...
    
			
    5. 
						
  5. [转]web服务器apache架构与原理 &apache 监控
			
    web服务器                                                                                在开始了解Apache前,我 ...
    
			
    6. 
						
  6. 降压转换器 (Buck)
			
    降压转换器 (Buck) 切换式降压转换器 (Buck) 能提供高效率.高度弹性.高压降比.高负载能力的降压转换. 多数降压转换器 (Buck) 包含上桥 MOSFET 和同步整流 MOSFET,根据 ...
    
			
    7. 
						
  7. Current limiter allows large USB bypass capacitance
			
    The USB (Universal Serial Bus) specification requires a connected USB device to present a load to th ...
    
			
    8. 
						
  8. artDialog双击会关闭对话框的修改
			
    artDialog,一个jquery的对话框插件,很好用的说 但是在使用时发现鼠标双击时会自半对话框,查看源码发现有个监听鼠标双击的事件如下图: 简单的方法就是把该行去掉,为了扩展可改成如下图: 这样 ...
    
			
    9. 
						
  9. Openfire更服务器名称后报Found RSA certificate that is not valid for the server domain的解决方法
			
    原文:http://blog.sina.com.cn/s/blog_ae5a3d3f0102wdrb.html Openfire更服务器名称的方法: 1.登陆openfire管理页面,在主页面下方选择 ...
    
			
    10. 
						
  10. PIR人体检查
			
    1.无变化时电压为0.8V左右 2.当检查到人体活动,电压保持为-1.3V,直到运动停止. 下面是示波器的截图
    
			
    11.