js中的forEach和jQuery中的each对比

对于遍历数组的元素,js和jquery都有类似的方法,js中的是forEach方法,jquery中的则是each方法;
简单的示例如下:

//首先定义一个数组
var arr=['a','b',12];

//当js的forEach方法的匿名函数参数列表只有一个时,代表的是数组的元素值
arr.forEach(function(item){console.log(item); });
输出:


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>
  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值