Question

我有一个在页面加载时启动的功能。假定从数组/列表返回一个字符串项。我已经对其进行了测试，它似乎可以正常工作：

function finder(file_list, evt_name) {
  file_list.forEach(function (item, index) {
      if (item.includes(evt_name)){
        console.log(item);
        return item;
      }
  });
}

我有第二个功能，该功能由按钮单击事件触发。在此函数内部，我调用了第一个函数（“查找器”）：

document.getElementById("btnGetInterval").onclick = function () {
  ...
  var t_file = finder(tidal_files, event);
  var rv_file = finder(river_files, event);
  var rn_file = finder(rain_files, event);
...
}

在控制台中，调用'finder'函数时，它将正确console.log(item)'，并且当它到达断点时，它表明将返回正确的item，但是当它返回时在按钮单击功能内部返回，我试图将返回的值分配给变量，它显示为'undefined'。有什么原因会发生这种情况？有什么办法解决吗？

Answer 1

.forEach始终从MDN返回undefined：

forEach()对每个数组元素执行一次callback函数；与map()或reduce()不同，它总是返回值undefined并且不可链接。典型的用例是在链的末端执行副作用。

您可以改用.find，并且必须在return之前添加file_list.find(function (item, index) {：

function finder(file_list, evt_name) {
    return file_list.find(function (item, index) {
        console.log(item);
        return item.includes(evt_name);
    });
}

Answer 2

您可以使用find。

function finder(file_list, evt_name) {
    return file_list.find(function (item, index) {
        return item.includes(evt_name);
    });
}

为什么在函数内部调用的函数返回空值？

2 个答案: