如何理解 `d3.min()` 源代码中的`f(array[i], i, array)`？

Question

我是 d3 的新手，并尝试通过阅读其源代码来学习它。我从最简单的函数d3.min() 开始。然而，我的头发被一个看似很常见的代码f(array[i], i, array) 撕裂了。

1. 我认为f()应该是一个函数；
2. array[i] 正在访问索引 i 处的 array 的元素；
3. i 是array 的索引；
4. array 是用户给出的数字数组。

如果以上4个理解都正确，那么f()作为用户给定的函数，其参数必须是array[i]、i、array这三个。但我们不必使用所有这些论点，对吧？

f() 的意义何在？谁能提供d3.min(array, f) 的任何有用示例/用法，其中f 不是null？

Answer 1

这里有点混乱。首先，d3.min 和 d3.max 可以在有或没有访问器的情况下使用。在 API 中：

d3.min(array[, accessor])

逗号前的这个方括号表示它是可选的，不是强制性的。所以，你可以有一个简单的：

var something = d3.max(someArray);

或者，使用访问器（如您所问，访问器不是null 的示例）：

var something = d3.max(data, function(d) {
    return d.foo
});

现在我们来回答您的问题：您可以在上面的代码中看到访问器函数只有 1 个参数。

您提供的示例是 D3 用于处理访问器函数的源代码。如果您查看代码，您会看到array[i]、i 和array。这 3 个参数不是用户提供的，而是由 D3 源代码传递给访问器函数的。

请记住，在 JS 中，您可以传递比参数更多的参数或比参数更少的参数。

Answer 2

f 是一个回调函数。我们一直在 JavaScript 中使用回调。所以这个函数的工作方式与标准数组上的 map 或 forEach 方法相同。它还具有相同的值、索引和数组的调用签名。

d3.min([1,2,3], (v,i,arr)=>10-v ) // 7
d3.min([1,2,3]) //1

当我们像上面那样使用“回调”调用 min 函数时，答案是该数组中的第三项，但给出的答案是 7（因为 10 - 3 是 7）

Answer 3

添加一个f函数来查找数组的最小值，而这个最小值是>= 6

    	var array = [10, 2, 3, 4, 5];
      // find the minimum while >= 6
      var f = function(x, y, z) {
          if (x >= 6) {
              return x;
          }
      }
      var min = d3.min(array, f);
        
      console.log(min);

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>