91人人妻人人做人人爽,国产激情电影综合在线观看,奇米久久久

技術(shù)頻道 - js技術(shù)

使用JavaScript forEach的3個(gè)替代品實(shí)現(xiàn)break中斷

作者:admin 時(shí)間:2022-7-5 14:56:18 瀏覽:

JavaScript forEach 不能 break（中途退出），雖然可以通過(guò)一些方法來(lái)中斷forEach，但并不建議那樣做，我們更加建議使用JavaScript forEach的替代品來(lái)實(shí)現(xiàn)break中斷，這是本文要介紹的內(nèi)容。

使用 for 循環(huán)代替 forEach 循環(huán)來(lái)中斷

第一個(gè)，也是我個(gè)人在這種情況下推薦的一個(gè)，是使用標(biāo)準(zhǔn)的 for 循環(huán)和 break 語(yǔ)句。

這是一個(gè)如何使用 for 循環(huán)來(lái)中斷循環(huán)的示例：

const myArray = [1, 2, 3];

for (let i = 0; i < myArray.length; i += 1) {
  const arrayItem = myArray[i]

  if (arrayItem > 1) {
    break
  }

  console.log(arrayItem, i, myArray)
}

正如上面的示例中所看到的，只需很少的工作，我們就可以讓 for 循環(huán)完全完成 forEach 循環(huán)為我們所做的工作，除了現(xiàn)在我們可以使用 break 語(yǔ)句來(lái)中斷額外的迭代。

使用 while 循環(huán)代替 forEach 循環(huán)來(lái)中斷

while 循環(huán)與 for 循環(huán)的原理基本相同，只是不在 while 循環(huán)范圍內(nèi)定義索引。

下面是一個(gè)示例，說(shuō)明如何使用 while 循環(huán)代替 forEach 循環(huán)來(lái)中斷：

const myArray = [1, 2, 3];
let index = 0;

while (index < myArray.length) {
  const arrayItem = myArray[index]

  if (arrayItem > 1) {
    break
  }

  console.log(arrayItem, index, myArray)

  index += 1
}

使用 Array.prototype.some 作為 forEach 循環(huán)的替代方案來(lái)中斷

可以用于 forEach 循環(huán)以執(zhí)行某種中斷的最后一個(gè)替代方法是 Array.prototype.some 方法。

仍然無(wú)法從其中調(diào)用 break 語(yǔ)句，但是可以從回調(diào)中返回一個(gè)布爾值，some 循環(huán)將使用該布爾值作為停止遍歷數(shù)組項(xiàng)的指示符。

Array.prototype.some 方法的最初目的是知道一個(gè)項(xiàng)目是否存在于數(shù)組中，如果存在，該方法將返回 true，如果不存在則返回 false。

當(dāng)我們想要模擬 break 語(yǔ)句時(shí)，我們可以通過(guò)在回調(diào)中返回 true 來(lái)利用它來(lái)創(chuàng)建類(lèi)似 break 的功能。

下面是一個(gè)如何使用 some 方法來(lái)中斷循環(huán)的例子：

[1, 2, 3].some(a => {
  console.log(a)
  return true
})

輸出

1
true

總結(jié)

用幾句話(huà)總結(jié)這篇文章，如果你需要break（中斷） JavaScript Array.prototype.forEach，那么你不應(yīng)該使用 JavaScript Array.prototype.forEach，而應(yīng)該使用 for 循環(huán)或 Array.prototype.some 方法。

相關(guān)文章