d3.js d3.scan()用法及代码示例

d3.scan()函数是D3.js中的内置函数，该函数线性扫描数组并根据指定的比较器返回最小元素的索引。当数组中没有可比较的元素时，该函数返回undefined。

用法:

d3.scan(array, comparator)

参数：此函数接受上面提到并在下面描述的两个参数：

array:该强制参数包含一个元素数组，这些元素的最小值要计算出来，而相应的索引要返回。
comparator:此参数是一个可选参数，它指定如何获取最小元素。

返回值：该函数返回一个整数值，该值表示基于指定比较器的数组中最小元素的索引。

以下程序说明了d3.scan()函数的用法：

示例1:该程序说明了将d3.scan()与比较器一起使用

<!DOCTYPE html> 
<html> 
  
<head> 
    <title>D3.js d3.scan() Function</title> 
  
    <script src='https://d3js.org/d3.v4.min.js'></script> 
</head> 
  
<body> 
    <script> 
        var array = [42, 71, 91, 67, 43, 17, 53]; 
        // To obtain the minimum element in the array 
        var ans1 = d3.scan(array, function(a, b) { 
            return a - b; 
        }); 
        document.write("Minimum element is " + array[ans1] + 
            " present at index: " + ans1 + "<br>"); 
  
        // To obtain the maximum element in the array 
        var ans2 = d3.scan(array, function(a, b) { 
            return b - a; 
        }); 
        document.write("Maximum element is " + array[ans2] + 
            " present at index: " + ans2); 
    </script> 
</body> 
  
</html>

输出：

Minimum element is 17 present at index: 5
Maximum element is 91 present at index: 2

示例2:该程序说明了没有比较器的d3.scan()的使用

<!DOCTYPE html>  
<html>  
      
<head>  
    <title>D3.js d3.scan() Function</title>  
      
    <script src='https://d3js.org/d3.v4.min.js'></script>  
</head>  
  
<body>  
<script>  
          
    var array = [42 , 71 , 91 , 67 , 43 , 17 , 53]; 
    // To obtain the minimum element in the array 
    var ans1 = d3.scan(array, ); 
    document.write("Minimum element is " + array[ans1] +  
    " present at index: " + ans1); 
</script>  
</body>  
  
</html>

输出：

Minimum element is 17 present at index: 5

参考：https://devdocs.io/d3~5/d3-array#scan

相关用法

注：本文由纯净天空筛选整理自RICHIK BHATTACHARJEE大神的英文原创作品 D3.js | d3.scan() function。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。