迭代方法优于循环

本文探讨了ES5中提供的迭代方法如forEach、map和filter等如何简化数组操作,并对比了这些方法与传统for循环的优势与局限。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在使用for循环时,有时会在确定循环的终止条件时引入一些简单的错误,但是在ES5中,提供了一些更为便利的方法,可以在一些情况下替代for循环,例如数组对象中的原型方法:Array.proptotype.forEach。

for(var i=0,n=players.length;i<n;i++){
    players[i].score++;
}
我们可以用以下代码替换上面的循环:

players.forEach(function(p){
    p.score++;
});
使用forEach迭代不仅使得代码更为简单,也消除了for循环的终止条件和任何的数组索引。

当我们需要对某个数组中的每个元素进行操作,再重新建立数组时,如果用循环实现:

var trimmed = [];
for(var i=0,n=input.length;i<n;i++){
    trimmed.push(input[i].trim());
}
但是ES5中又引入了Array.prototype.map方法:

var trimmed = input.map(function(s){
    return s.trim();
});

当我们需要提取原数组中的一些满足条件的元素组成一个新的数组时,可以使用Array.prototype.filter:

listings.filter(function(listing){
    return listing.price>=min&&listing.price<=max;
});
但是循环有一点比迭代函数更好,那就是循环可以通过break和continue控制,但是迭代函数不可以,例如,forEach可以通过抛出异常来终止循环,但是这样的话使得forEach效率会变得低下。
所以最后总结:

1.使用迭代方法替换for循环使得代码更可读,避免重复写循环控制逻辑。

2.但当在需要对循环进行有条件终止或控制时,还是使用for循环。




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值