js数组迭代方法,map与filter以及迭代方法实现continue与break

Array.map() 对于数组的每个执行项执行回调函数,返回函数执行后的新数组
回调函数需要return语句

var array01 = [0, 1, 2, 3];
console.log('--map--') //对于数组的每个项执行回调函数,返回函数执行后的新数组
console.log(array01.map((val) => {
    val + 1 // [undefined, undefined, undefined, undefined]
}))
console.log(array01.map((val) => {
    return val + 1 //算数运算符,返回算数结果
    //[1, 2, 3, 4]
}))
console.log(array01.map((val) => {
    return val > 1 //比较运算符,返回true或false
    //[false, false, true, true]
}))

Array.filter()过滤数组,返回符合回调函数条件的数组项

console.log(array01.filter((val) => {
    return val + 2 //需要return语句,过滤回调函数结果为true的值,如果为0则不满足
    //[0, 1, 2, 3]
}))
console.log(array01.filter((val) => {
    return val //需要return语句,过滤回调函数结果为true的值,如果为0则不满足
    //[1, 2, 3]
}))
console.log(array01.filter((val) => {
    return val > 1 //需要return语句
    //[2, 3]
}))

Array.forEach()
forEach() 本身是不支持的 continue 与 break 语句的,我们可以通过 some 和 every 配合return语句来实现。
用return语句实现continue效果:

array01.forEach((val) => {
    if (val == 2) {
        return
    }
    console.log("val:   " + val)
})

执行结果

用some配合return语句实现continue效果:

array01.some((val) => {
    if (val == 2) {
        return
    }
    console.log("val:  " + val)
})

执行结果

用every配合return语句实现break效果:

array01.every((val) => {
    console.log(val)
    if(val == 2){
        return false
    }else{
        return true
    }
    //return val != 2
})

执行结果
注:return true或false的条件需要写清楚,不可只写一个false。
疑问:满足条件的数组项还会执行一次逻辑,而函数循环中的break语句,可在逻辑前面或者后面,即可控制满足条件的数组项是否执行逻辑。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值