将 for 循环转换为 forEach JavaScript

Question

使用一个函数来验证array 中的每个数字是true 还是false，并返回第一个真值number。

有一个带有 for 循环的有效解决方案，如下所示：

function findElement(arr, func) {
  var num;
  for (var a = 0; a < arr.length; a++) {
    if (func(arr[a])) {
      num = arr[a];
      return num;
    }
  }
  return num;
}

findElement([1, 3, 5, 8, 9, 10], function(num) {
  return num % 2 === 0;
})
// Should return 8

但我正在尝试（为了更好地了解forEach）将其转换为forEach 循环。

这是我到目前为止的位置，但是在确定函数结果为真之后，我看不到如何将num 真正返回到循环之外：

function findElement(arr, func) {
  if (arr.forEach(func) === true) {
    return num;
  }
}
findElement([1, 2, 3, 4], num => num % 2 === 0);

Answer 1

不确定如何使用forEach，但您可以使用array.prototype.filter：

function findElement(arr, func) {
  return arr.filter(func)[0];
}

@cdhowie 建议使用array.prototype.find，以便需要使用[0]。

function findElement(arr, func) {
  return arr.find(func);
}

显然，这只是一个猜测，因为如果数组中没有任何项满足func 的要求，它可能会引发错误。

如果您仍在寻找使用 forEach 的方法，也许您可​​以这样做：

function findElement(arr, func) {
  matches = []
  arr.forEach((item) => {
      if (func(item)) {
          matches.push(item)
      }
  });
  return matches[0];
}

或者：

function findElement(arr, func) {
  match = null
  arr.forEach((item) => {
     match = (match == null && func(item)) ? item : match
  });
  return match;
}

同样，如果数组中没有任何项目符合您的func 的要求，您将不得不检查如何处理错误。

这两个代码中的任何一个都会产生

console.log(findElement([1, 3, 5, 8, 9, 10], function(num) { return num % 2 === 0; })))
8

Answer 2

function findElement(arr, func) {

    var num;

    arr.forEach(function(element) {
        if (!num && func(element)) {
            num = element;
          }
    });

    return num;
  }

更多选项可以查看这个问题：how to stop Javascript forEach?

Answer 3

如前所述，forEach 不应该这样使用。

但是，你仍然可以获得你想要的行为：

function findElement(arr, func) {
  var num;

  arr.forEach(item =>{
    if (func(item)) {
      num = item;
      // .forEach does not have an early return
      // but you can force it to skip elements by removing them
      while (true) {
        // Remove all elements
        var removedItem = arr.shift();
        if (removedItem === undefined) {
          // All elements removed
          break;
        }
    }
  }
  return num;
}

documentation中甚至提到了这一点

Answer 4

可能是这样的

function findElement(arr, func) {
  var num = null;

  for (var a = 0; a < arr.length && num === null; a++) {
    var val = arr[a];
    num = func(val) ? val : null; 
  }
  return num;
}

console.log(findElement([1, 3, 5, 8, 9, 10], function(num) {
  return num % 2 === 0;
}));

Answer 5

这是使用 foreach 的 findElement 方法

function findElement(arr, func) {
var num = 0;

arr.forEach(function(item){
 if (func(item))
    return item;
  })
return num;
}