javascript forEach方法与jQuery each区别
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区别的更多相关文章
- JavaScript forEach() 方法
JavaScript forEach() 方法 JavaScript Array 对象 实例 列出数组的每个元素: <button onclick="numbers.forEach( ...
- JavaScript forEach方法
最近看了一些html5和js方面的书,受益匪浅,因为看的东西比较多,却都没有怎么静心来做整理,慢慢来吧,可能最近自己有点儿小紧张.今天跟大家分享下JavaScript的forEach方法(其实是从&l ...
- JavaScript和JQuery的区别
一.本质上的区别 1.JavaScript 是通过<script></script>标签插入到HTML页面,可由所有的现代浏览器执行的一种轻量级的编程语言. 2.JQuery是 ...
- JavaScript数组方法--flat、forEach、map
今天到flat了,一个第一次知道该方法还是看到一个面试题,别人给了个答案,用到了flat才知道的方法. 前面也写过关于这道面试题的文章,<一道关于数组的前端面试题>. 这里再来说说吧! f ...
- JavaScript数组方法的兼容性写法 汇总：indexOf()、forEach()、map()、filter()、some()、every()
ECMA Script5中数组方法如indexOf().forEach().map().filter().some()并不支持IE6-8,但是国内依然有一大部分用户使用IE6-8,而以上数组方法又确实 ...
- javascript:apply方法 以及和call的区别 （转载）
javascript:apply方法 1. apply和call的区别在哪里 2. 什么情况下用apply,什么情况下用call 3. apply的其他巧 ...
- jQuery方法find()与children()区别
一.find() 1.1 说明 find()方法返回被选元素的后代元素,一路向下直到最后一个后代. 1.2 示例 <div> <p> <span>1</spa ...
- forEach 方法 (Array) (JavaScript)
为数组中的每个元素执行指定操作. 语法 array1.forEach(callbackfn[, thisArg]) 参数 参数 定义 array1 必选.一个数组对象. callbackfn 必选.最 ...
- 数组的foreach方法和jQuery中的each方法
/* * 数组的forEach方法: * 1.返回给回调的参数先是值,然后是下标 * 2.回调函数执行时内部的this指向window * */ /*var arr = [1,2,3,4,5]; ar ...
随机推荐
- 51nod1675 序列变换
link 题意: 给定长为n的序列a,b,下标从1开始,问有多少对x,y满足gcd(x,y)=1且$a_{b_x}=b_{a_y}$? $n\leq 10^5.$ 题解: $a_{b_x}$和$b_{ ...
- Mac 配置几个环境变量
终端 open -t ~/.bash_profile 打开.bash_profile export PATH=${PATH}:/Users/maxinliang/Android/sdk/pla ...
- [HZOI 2016]我们爱数数
[HZOI 2016]我们爱数数 题目大意: 一张圆桌,每个位置按顺时针从\(1\)到\(n\)编号.有\(n\)个人,编号从\(1\)到\(n\).如果编号为\(i\)的人坐到了编号为\(i\)的位 ...
- Java高级架构师（一）第42节：应用上Nginx过后的体系结构
以后的架构思考方向: 体系结构的演变
- linq to datatable 和lambda查询datatable
用Linq查询DataTable static DataTable table = new DataTable(); static DataColumn dc = new DataColumn(); ...
- 如何测试Nginx的高性能
简介 Nginx ("engine x") 是一个高性能的HTTP和反向代理服务器,也是一个IMAP/POP3/SMTP代理服务器: 作为一款轻量级的Web服务器,具有占有内存少, ...
- HC-07 蓝牙串口模块
http://www.wavesen.com/probig.asp?id=17 本模块为新推出的产品,各项功能和性能.及引脚封装,均兼容于HC-06. 为低成本需求的的客户推荐本产品.相比HC-06来 ...
- gdb逆向调试
http://blog.csdn.net/yiling2012/article/details/35988361
- document.readyState等属性，判断页面是否加载完
如何在页面加载完成后再去做某事?什么方法可以判断当前页面加载已完成?document.readyState 判断页面是否加载完成?javascript提供了document.readyState==& ...
- shell练习题
一.编写一个脚本使我们在写一个脚本时自动生成”#!/bin/bash”这一行和注释信息. 原文代码为: Shell 1 2 3 4 5 6 7 8 9 10 #!/bin/bash ...