js中的forEach和jQuery中的each对比
来源:互联网 发布:手机4g网络突然用不了 编辑:程序博客网 时间:2024/05/20 04:51
对于遍历数组的元素,js和jquery都有类似的方法,js中的是forEach方法,jquery中的则是each方法;
简单的示例如下:
//首先定义一个数组
var arr=['a','b',12];
//当js的forEach方法的匿名函数参数列表只有一个时,代表的是数组的元素值
arr.forEach(function(item){console.log(item); });
输出:
a
b
12
//当js的forEach方法的匿名函数参数列表有两个时,前者代表的是数组的元素值,后者代表的是索引;
arr.forEach(function(item,index){console.log(index+'-'+item); });
输出:
0-a
1-b
2-12
//jquery则不同
<ul class=list>
<li>aaaaa</li>
<li>bbbb</li>
<li>cccccvvv</li>
</ul>
<script type="text/javascript">
//当参数列表是一个时,代表的是元素的索引
$(".list>li").each(function (item) {
document.writeln(item);
})
//0 1 2
//当参数列表是两个时,前面的是索引,后面的是元素值:
$(".list>li").each(function (i, item) {
document.writeln(i + "-" + $(item).text());
})
//0-aaaaa 1-bbbb 2-cccccvvv
</script>
简单的示例如下:
//首先定义一个数组
var arr=['a','b',12];
//当js的forEach方法的匿名函数参数列表只有一个时,代表的是数组的元素值
arr.forEach(function(item){console.log(item); });
输出:
a
b
12
//当js的forEach方法的匿名函数参数列表有两个时,前者代表的是数组的元素值,后者代表的是索引;
arr.forEach(function(item,index){console.log(index+'-'+item); });
输出:
0-a
1-b
2-12
//jquery则不同
<ul class=list>
<li>aaaaa</li>
<li>bbbb</li>
<li>cccccvvv</li>
</ul>
<script type="text/javascript">
//当参数列表是一个时,代表的是元素的索引
$(".list>li").each(function (item) {
document.writeln(item);
})
//0 1 2
//当参数列表是两个时,前面的是索引,后面的是元素值:
$(".list>li").each(function (i, item) {
document.writeln(i + "-" + $(item).text());
})
//0-aaaaa 1-bbbb 2-cccccvvv
</script>
1 0
- js中的forEach和jQuery中的each对比
- js中的forEach和jQuery中的each对比
- JS中的forEach、map方法 与 jQuery的$.each方法
- JS中的forEach、$.each、map的区别
- JAVA,JS,PHP中的foreach对比
- js中的三种循环(forEach、each、map)
- js中的for和foreach
- js中的for和foreach
- jQuery 中的 each() 与 $.each()
- jquery中$.get和$.each中的理解
- Jquery中的each方法
- jQuery.each 中的 return
- jquery中的each函数
- jQuery中的Each
- jQuery中的Each
- jQuery each中的break
- jQuery 中的 each()
- jQuery中的each方法
- 1、字符设备驱动
- 剑指offer系列源码-从尾到头打印链表
- 第十五周项目一-打入“内部”寻“内幕”
- Cocos2d-js 学习(一): cc.LabelTTF 简单API记录
- linux sed
- js中的forEach和jQuery中的each对比
- 高斯白噪声及Matlab常用实现方法
- WinForm窗体动画
- 在Eclipse中配置tomcat
- 第十五周oj--指针的基本操作2
- 第十五周项目一——打入“内部”寻“内幕”
- iOS反射机制: objc_property_t的使用
- three.js 源码注释(三十五)Texture/DataTexture.js
- __weak修饰符详解