面試官：你能停止 JavaScript 中的 forEach 循環嗎?

在回答這個問題時，我的回答導致面試官突然結束了面試。M7928資訊網——每日最新資訊28at.com

我對結果感到沮喪，問面試官：“為什么?實際上可以停止 JavaScript 中的 forEach 循環嗎?”M7928資訊網——每日最新資訊28at.com

在面試官回答之前，我花了一些時間解釋我對為什么我們不能直接停止 JavaScript 中的 forEach 循環的理解。M7928資訊網——每日最新資訊28at.com

我的答案正確嗎?M7928資訊網——每日最新資訊28at.com

小伙伴們，下面的代碼會輸出什么數字呢?M7928資訊網——每日最新資訊28at.com

它會只輸出一個數字還是多個數字?M7928資訊網——每日最新資訊28at.com

是的，它會輸出‘0’、‘1’、‘2’、‘3’。M7928資訊網——每日最新資訊28at.com

const array = [ -3, -2, -1, 0, 1, 2, 3 ]array.forEach((it) => {  if (it >= 0) {    console.log(it)    return // or break  }})

M7928資訊網——每日最新資訊28at.com

這是正確的!我向面試官展示了這段代碼，但他仍然相信我們可以停止 JavaScript 中的 forEach 循環。M7928資訊網——每日最新資訊28at.com

天哪，你一定是在開玩笑。M7928資訊網——每日最新資訊28at.com

為什么?M7928資訊網——每日最新資訊28at.com

為了說服他，我不得不再次實現forEach模擬。M7928資訊網——每日最新資訊28at.com

Array.prototype.forEach2 = function (callback, thisCtx) {  if (typeof callback !== 'function') {    throw `${callback} is not a function`  }  const length = this.length  let i = 0  while (i < length) {    if (this.hasOwnProperty(i)) {      // Note here：Each callback function will be executed once      callback.call(thisCtx, this[ i ], i, this)    }    i++  }}

是的，當我們使用“forEach”迭代數組時，回調將為數組的每個元素執行一次，并且我們無法過早地擺脫它。M7928資訊網——每日最新資訊28at.com

例如，在下面的代碼中，即使“func1”遇到break語句，“2”仍然會輸出到控制臺。M7928資訊網——每日最新資訊28at.com

const func1 = () => {  console.log(1)  return}const func2 = () => {  func1()  console.log(2)}func2()

停止 forEach 的 3 種方法

你太棒了，但我想告訴你，我們至少有 3 種方法可以在 JavaScript 中停止 forEach。M7928資訊網——每日最新資訊28at.com

1.拋出錯誤

當我們找到第一個大于或等于0的數字后，這段代碼將無法繼續。所以控制臺只會打印出0。M7928資訊網——每日最新資訊28at.com

const array = [ -3, -2, -1, 0, 1, 2, 3 ]try {  array.forEach((it) => {    if (it >= 0) {      console.log(it)      throw Error(`We've found the target element.`)    }  })} catch (err) {}

哦!我的天啊!我簡直不敢相信，這讓我無法說話。M7928資訊網——每日最新資訊28at.com

2.設置數組長度為0

請不要那么驚訝，面試官對我說。M7928資訊網——每日最新資訊28at.com

我們還可以通過將數組的長度設置為0來中斷forEach。如您所知，如果數組的長度為0，forEach將不會執行任何回調。M7928資訊網——每日最新資訊28at.com

const array = [ -3, -2, -1, 0, 1, 2, 3 ]array.forEach((it) => {  if (it >= 0) {    console.log(it)    array.length = 0  }})

M7928資訊網——每日最新資訊28at.com

我的心已經亂了。M7928資訊網——每日最新資訊28at.com

3.使用splice刪除數組的元素

思路和方法2一樣，如果能刪除目標元素后面的所有值，那么forEach就會自動停止。M7928資訊網——每日最新資訊28at.com

const array = [ -3, -2, -1, 0, 1, 2, 3 ]array.forEach((it, i) => {  if (it >= 0) {    console.log(it)    // Notice the sinful line of code    array.splice(i + 1, array.length - i)  }})

M7928資訊網——每日最新資訊28at.com

我睜大了眼睛，我不想讀這段代碼。這不好。M7928資訊網——每日最新資訊28at.com

請用for或someM7928資訊網——每日最新資訊28at.com

我對面試官說：“哦，也許你是對的，你設法在 JavaScript 中停止了 forEach，但我認為你的老板會解雇你，因為這是一個非常糟糕的代碼片段。M7928資訊網——每日最新資訊28at.com

我不喜歡做那樣的事;這會讓我的同事討厭我。”M7928資訊網——每日最新資訊28at.com

也許我們應該使用“for”或“some”方法來解決這個問題。M7928資訊網——每日最新資訊28at.com

1.for

const array = [ -3, -2, -1, 0, 1, 2, 3 ]for (let i = 0, len = array.length; i < len; i++) {  if (array[ i ] >= 0) {    console.log(array[ i ])    break  }}

M7928資訊網——每日最新資訊28at.com

2. some

const array = [ -3, -2, -1, 0, 1, 2, 3 ]array.some((it, i) => {  if (it >= 0) {    console.log(it)    return true  }})

M7928資訊網——每日最新資訊28at.com

總結

雖然面試官以這個問題結束了面試，但我很慶幸自己沒有加入公司，不想為了某種目的而寫出一段臭代碼。 這樣的面試官也不是面試者所喜歡的，為了面試而面試的面試官和面試題，讓面試者覺得有點無辜與無奈。M7928資訊網——每日最新資訊28at.com

不管怎么樣，還是努力提升自己的技能吧。M7928資訊網——每日最新資訊28at.com

最后，感謝您的閱讀。M7928資訊網——每日最新資訊28at.com

本文鏈接：http://www.tebozhan.com/showinfo-26-5742-0.html面試官：你能停止 JavaScript 中的 forEach 循環嗎？

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。郵件：2376512515@qq.com

上一篇： 五個 AI API 可自動解決你的日常問題

下一篇： 新興技術趨勢將徹底改變我們的世界