JavaScript 中 $.each 循环中的 "illegal continue statement" 错误

在使用 jQuery 库时，我们经常会使用 $.each() 方法来迭代数组或对象。但是，在这个循环中使用 continue 语句时，有可能会遇到 "illegal continue statement" 错误。

问题原因

这个错误通常发生在 $.each() 循环中使用了 continue 语句，并且尝试跳过当前迭代并继续下一个迭代。然而，这样做实际上是无效的，因为 $.each() 循环是基于回调函数实现的，而不是基于循环语句本身。

例如，以下代码：

var arr = [1, 2, 3];
$.each(arr, function(index, value) {
  if (value === 2) {
    continue;
  }
  console.log(value);
});

当运行此代码时，将会抛出如下错误：SyntaxError: illegal continue statement。

解决方案

解决此问题的方法之一是使用 return true; 语句替代 continue; 语句。这将会跳过当前迭代并继续下一个迭代。以下是修改后的代码：

var arr = [1, 2, 3];
$.each(arr, function(index, value) {
  if (value === 2) {
    return true;
  }
  console.log(value);
});

现在，当运行此代码时，将会输出 1 和 3。注意，返回值必须为 true 才能跳过迭代。

另外一种解决方案是使用普通的 for 循环语句替代 $.each() 方法：

var arr = [1, 2, 3];
for (var i = 0; i < arr.length; i++) {
  if (arr[i] === 2) {
    continue;
  }
  console.log(arr[i]);
}

这样做就可以避免 "illegal continue statement" 错误了。

总结

在 jQuery 的 $.each() 循环中，使用 continue 语句会导致 "illegal continue statement" 错误。我们可以使用 return true; 语句替代 continue; 语句来达到相同的效果，或者使用普通的 for 循环语句来避免这个问题。

希望本文能够帮助你更好地理解和解决这个问题。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/26170