网络编程
位置：首页>> 网络编程>> JavaScript>> js中Array.forEach跳出循环的方法实例

js中Array.forEach跳出循环的方法实例

作者：陌生的L君　　发布时间：2024-05-11 09:32:22　

标签：array.foreach,跳出,循环
目录

  • forEach()方法

  • js中 Array.forEach如何跳出循环

    • 解决方式：

  • 总结

    forEach()方法

    语法：array.forEach(callback(currentvalue,index,arr) ,thisValue)

    其中

    callback为数组中每个元素执行的函数，该函数可接受1-3个参数：

    • currentvalue参数表示数组的当前元素项，必须的参数

    • index参数表示的当前元素下标，可选参数

    • arr参数表示当前元素所属的数组，可选参数

    thisValue表示执行回调函数callback()时的this指向。可选参数。当不写时，则默认是指向window全局

    示例


       var arr = [1, 3, 5, 13, 2];
       var res = arr.forEach(function(item,index) {
           console.log(`数组第${index+1}个元素是${item}`);
       })
       console.log(res);//forEach的返回值为undefined,

    运行结果：

    js中Array.forEach跳出循环的方法实例

    js中 Array.forEach如何跳出循环

    forEach是不能通过break或者return跳出循环的，一般跳出循环的方式为抛出异常：


    try {
      let array = [1, 2, 3, 4]
      array.forEach((item, index) => {
        if (item === 3) {
          throw new Error('end')//报错，就跳出循环
        } else {
          console.log(item)
        }
      })
    } catch (e) {
    }

    这种写法反而很麻烦。

    解决方式：

    1.使用every替代：


    let array = [1, 2, 3, 4]
    array.every((item, index) => {
     if (item === 3) {
       return true
     } else {
       console.log(item)
     }
    })

    2.自己写一个😁


    //可跳出循环的数组遍历
    Array.prototype.loop = function(cbk) {
     //判断当前数组是否为空
     if (this?.length) {
       for (let i = 0; i < this.length; i++) {
         let stop = cbk(this[i], i, this)
         //判断是否停止循环
         if (stop) {
           break
         }
       }
     }
    }

    let array = [1, 2, 3, 4]
    array.loop ((item, index) => {
     if (item === 3) {
       return true
     } else {
       console.log(item)
     }
    })

    来源：https://blog.csdn.net/qq_34157798/article/details/120016609

    0
    投稿

    猜你喜欢

    手机版 网络编程 asp之家 www.aspxhome.com