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

D3.js中的d3.descending()函数是反自然顺序的比较器函数，如果以降序获取两个参数，则返回-1；如果以降序获取两个参数，则返回1；如果以两个相等参数获取，则返回0。

用法:

d3.descending(a, b)

参数：该函数接受参数a，b，它们是任意两个值。

返回值：如果以降序获取两个参数(第一个参数大于第二个参数)，则返回-1；如果以升序获取两个参数(第二个参数大于第一个参数)，则返回1；如果以两个相等的参数获取，则返回0。

以下程序说明了D3.js中的d3.descending()函数。

示例1:

<!DOCTYPE html> 
<html> 
  
<head> 
    <title>d3.descending() function</title> 
  
    <script src='https://d3js.org/d3.v4.min.js'></script> 
</head> 
  
<body> 
    <script> 
          
        // Calling to d3.descending() function with  
        // two integer value parameters 
        A = d3.descending(50, 20); 
        B = d3.descending(2, 5); 
        C = d3.descending(5, 5); 
           
        // Getting the results 
        document.write(A + "<br>"); 
        document.write(B + "<br>"); 
        document.write(C + "<br>"); 
        console.log(A); 
    </script> 
</body> 
  
</html>

输出：

-1
1
0

示例2:

<!DOCTYPE html> 
<html> 
  
<head> 
    <title>d3.descending() function</title> 
  
    <script src='https://d3js.org/d3.v4.min.js'></script> 
</head> 
  
<body> 
    <script> 
          
        // Calling to d3.descending() function with  
        // some alphabetical parameters 
        A = d3.descending(); 
        B = d3.descending("a", "b"); 
        C = d3.descending("b", "a"); 
        D = d3.descending("b", "b"); 
        E = d3.descending("b"); 
           
        // Getting the results 
        document.write(A + "<br>"); 
        document.write(B + "<br>"); 
        document.write(C + "<br>"); 
        document.write(D + "<br>"); 
        document.write(E + "<br>"); 
    </script> 
</body> 
  
</html>

输出：

NaN
1
-1
0
NaN

注意：如果此函数将字母作为参数，它将以ascii形式考虑它们并相应地评估结果，如果给定参数与参数的格式不匹配，则它将返回NaN，即非数字。

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

相关用法

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