抛弃for()循环遍历数组吧,使用forEach()函数或$.each()更方便!

通常我们在遍历数组的时候都喜欢使用for()循环,这样就会有一堆代码,还得申明变量,现在是时候改变下了。那就尝试下forEach()函数,而且forEach()是支持原生JS的,所以不受框架限制。那么现在就来说说这个方法:forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。这是官方的解析,事实也是这样的,哈哈,举个栗子:

<button onclick="numbersforEach()">点我</button>
 
<p>新的数组:<span id="demo"></span></p>
 
<script>
var sum = 0;
var numbers = [65, 44, 12, 4];
var demo = document.getElementById("demo");
function numbersforEach (){
numbers.forEach(myFunction)
}
function myFunction(item,index,numbers ) {
    numbers [index]=10*item;
    demo.innerHTML = numbers ;
}
</script>

上面代码的功能就是修改原数组的每个元素乘以10。item为数组中当前的值,index为当前值的索引,numbers 为原数组。

说到这里我又想起了jq的$.each()遍历数组的方法,也举个栗子:

var arr=[1,2,3,4];
$.each(arr,function(i,n){
    alert("索引"+i+"对应的值"+n);
});

相比for()循环遍历数组,使用上面两个函数更加简洁方便。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值