`forEach` 函数中的`return` 关键字是什么意思？ [复制]

Question

$('button').click(function () {
   [1, 2, 3, 4, 5].forEach(function (n) {
      if (n == 3) {
         // it should break out here and doesn't alert anything after
         return false
      }
      alert(n)      
   })
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>Click me</button>

我的问题：为什么尽管我拨打return，它仍然会提示下一个号码？就像：忽略下面的代码并继续下一个元素

Answer 1

来自Mozilla Developer Network：

除了抛出异常之外，没有其他方法可以停止或中断forEach() 循环。如果你需要这样的行为，forEach() 方法是错误的工具。

可以通过以下方式提前终止：

• 一个简单的循环
• 一个for...of 循环
• Array.prototype.every()
• Array.prototype.some()
• Array.prototype.find()
• Array.prototype.findIndex()

其他 Array 方法：every()、some()、find() 和 findIndex() 使用返回真值的谓词测试数组元素，以确定是否需要进一步迭代。

Answer 2

return 退出 current 函数，但迭代仍在继续，因此您将获得跳过 if 并提醒 4...

的“下一个”项目

如果你需要停止循环，你应该像这样使用一个普通的for循环：

$('button').click(function () {
   var arr = [1, 2, 3, 4, 5];
   for(var i = 0; i < arr.length; i++) {
     var n = arr[i]; 
     if (n == 3) {
         break;
      }
      alert(n);
   })
})

您可以在此处阅读有关 js break & continue 的更多信息：http://www.w3schools.com/js/js_break.asp