总结一下数组中的各种比如for循环,forEach,map的一些用法吧

for循环是用的最多的一种,这里也就不赘述了。

forEach:

为数组中的每个元素执行指定操作。


注: 没有办法中止或者跳出 forEach 循环,不管是break;continue或者是return跳出函数都不行,除非抛出一个异常。且不创建新数组。

array.forEach(callback(currentValue, index, array){
    //do something
}, this)

array.forEach(callback[, thisArg])
callback函数中,currentValue为当前值,index为正在处理的当前值的索引,array则为正在操作的数组。

参数thisArg为可选,为当执行回调函数的时候用作this的参考值,this默认undefined。

forEach会对每一个元素进行调用callback,并不会对数组中缺少的元素调用回调。

eg:

//遍历数组打印
    var arr = [1,2,3,4];
    arr.forEach(function (current,index,array) {
        console.log("current value = " + current + ", current index = " + index)
    });
    //current value = 1, current index = 0
    //current value = 2, current index = 1
    //current value = 3, current index = 2
    //current value = 4, current index = 3


    //数组中缺少的元素不会执行callback,直接跳过,但null或者undefined不在此列。
    var arr2 = [1,2,,4];
    arr2.forEach(function (current,index,array) {
        console.log("current value = " + current + ", current index = " + index)
    });
    //current value = 1, current index = 0
    //current value = 2, current index = 1
    //current value = 4, current index = 3
关于 thisArg,举一个mdn上的例子:

function Counter() {
    this.sum = 0;
    this.count = 0;
}

Counter.prototype.add = function(array) {
    array.forEach(function(entry) {
        this.sum += entry;
        ++this.count;
    }, this);
//    console.log(this);
};

var obj = new Counter();
obj.add([1, 3, 5, 7]);

console.log(obj.count);
// 4 === (1+1+1+1)
console.log(obj.sum);
// 16 === (1+3+5+7)
如果没有传入this,则默认是undefined,则最终两个log打印都为0

forEach 遍历的范围在第一次调用 callback 前就会确定。调用forEach 后添加到数组中的项不会被 callback 访问到。

如果已经存在的值被改变,则传递给 callback 的值是 forEach 遍历到他们那一刻的值。已删除的项不会被遍历到,下同map。

map:

对数组内的每个元素进行指定操作,然后返回由其结果组成的一个新数组。

map内的callback函数传参与forEach一样,都是currentValue,index,array以及最后的thisArg,同样,callback只会在有值的索引上被调用。

map其实基本上和forEach是一样的,区别只是时候返回新数组。以及map不改变原数组,但是forEach由于callback的原因可能会改变数组。

多讲几句有关every,fliter,some

同样都有callback以及thisArg,every和some返回的是布尔值,对所有数组内的元素运行指定callback,全部ture则every为ture否则为false。

只要有一项为ture则some为true,可以理解为&&以及||,以及,他们都为短路

fliter返回一个由执行callback返回为true的元素的新数组。

那么什么时候用map什么时候forEach什么时候for循环呢?

理论上for循环的性能是最快的。

但还是在合适的地方用合适的代码吧,map、for、forEach都有自己的语义,从可读性 可维护性 可测试性来选择要用什么吧。

可以考虑牺牲一点性能,使用高阶函数例如forEach,map,reduce代替原始for,可维护性更高的同时也会逻辑清晰,语义明确同时代码更优雅。

(所以我以后真的不无脑用for了)

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值