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. [BZOJ4016][FJOI2014]最短路径树问题(dijkstra+点分治)
			
    4016: [FJOI2014]最短路径树问题 Time Limit: 5 Sec  Memory Limit: 512 MBSubmit: 1796  Solved: 625[Submit][Sta ...
    
			
    2. 
						
  2. 【2-SAT】HDU3622-Bomb Game
			
    [题目大意] 给n对炸弹可以放置的位置(每个位置为一个二维平面上的点),每次放置炸弹是时只能选择这一对中的其中一个点,每个炸弹爆炸的范围半径都一样,控制爆炸的半径使得所有的爆炸范围都不相交(可以相切) ...
    
			
    3. 
						
  3. java 环境变量设定
			
    ​     1   新建系统环境  新建  弹出“新建系统变量”对话框,分别输入变量名“JAVA_HOME”和变量值(java安装路径)“C:\Java\jdk1.7.0_03”,其中变量值是笔者的J ...
    
			
    4. 
						
  4. SpringBoot静态资源访问+拦截器+Thymeleaf模板引擎实现简单登陆
			
    在此记录一下这十几天的学习情况,卡在模板引擎这里已经是四天了. 对Springboot的配置有一个比较深刻的认识,在此和大家分享一下初学者入门Spring Boot的注意事项,如果是初学SpringB ...
    
			
    5. 
						
  5. bzoj 1010 斜率优化DP
			
    我的第二道斜率DP. 收获: 1.假设两个位置:p<q<i,然后让某一位置优,看其满足什么性质,所谓斜率优化就是满足: (g[q]-g[p])/(f[q]-f[p])  op h[i] 要 ...
    
			
    6. 
						
  6. UESTC 2015dp专题 j 男神的约会 bfs
			
    男神的约会 Time Limit: 20 Sec  Memory Limit: 256 MB 题目连接 http://acm.uestc.edu.cn/#/contest/show/65 Descri ...
    
			
    7. 
						
  7. PHP 基础函数（三）数组和变量之间的转换
			
    extract($arr);用于把数组中的元素转换成变量导入到当前文件中,键名当作变量名,值作为变量值注:(第二个参数很重要,可以看手册使用)使用方法 echo $a;compact(var1,var ...
    
			
    8. 
						
  8. Petuum - Careers
			
    Petuum - Careers Cloudformation
    
			
    9. 
						
  9. 开源Word读写组件DocX介绍与入门
			
    来源:http://i.cnblogs.com/EditPosts.aspx?opt=1 读写Offic格式的文档,大家多少都有用到,可能方法也很多,组件有很多.这里不去讨论其他方法的优劣,只是向大家 ...
    
			
    10. 
						
  10. 在WPF中显示动态GIF
			
    在我们寻求帮助的时候,最不愿意听到的答复是:很抱歉,在当前版本的产品中还没有实现该功能... 在WPF中显示动态的GIF图像时便遇到了这样的问题,WPF中强大的Image控件却不支持动态的GIF(其只 ...
    
			
    11.