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

D3.js中的d3.ascending()函数是自然顺序的内置比较器函数，该函数接受两个参数并计算其自然顺序。

用法:

d3.ascending(x, y)

参数：此函数接受两个参数x，y，其自然顺序需要计算。

返回值：该函数具有以下返回值：

如果两个值按升序排列，则返回-1。
如果两个值降序返回1。
如果两个值相等，则返回0
如果没有可比较的值，即仅将一个或没有参数传递给该函数，则返回NaN。

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

范例1：

<!DOCTYPE html> 
<html> 
  
<head> 
    <title>D3.js | d3.ascending() function</title> 
  
    <script src='https://d3js.org/d3.v4.min.js'></script> 
</head> 
  
<body> 
    <script> 
        // If the two values are in  
        // ascending order 
        document.write(d3.ascending(33, 64) + "<br>"); // -1 
  
        // If the two values are in  
        // descending order 
        document.write(d3.ascending(42, 24) + "<br>"); // 1 
  
        // If the two values are equal 
        document.write(d3.ascending(43, 43) + "<br>"); // 0 
    </script> 
</body> 
  
</html>

输出：

-1
1
0

范例2：

<!DOCTYPE html> 
<html> 
  
<head> 
    <title>D3.js d3.ascending() function</title> 
  
    <script src='https://d3js.org/d3.v4.min.js'></script> 
</head> 
  
<body> 
    <script> 
        // If no values are passed 
        document.write(d3.ascending() + "<br>"); // NaN 
  
        // If only one value is passed 
        document.write(d3.ascending(42) + "<br>"); // NaN 
  
        // If the two values are equal 
        document.write(d3.ascending("x", "x") + "<br>"); // 0 
  
        // If the two values are in 
        // ascending order 
        document.write(d3.ascending("x", "y") + "<br>"); // -1 
  
        // If the two values are in 
        // descending order 
        document.write(d3.ascending("y", "x") + "<br>"); // 1 
    </script> 
</body> 
  
</html>

输出：

NaN
NaN
0
-1
1

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

相关用法

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