D3.js | d3.ascending()函数

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

句法：

d3.ascending(x, y)

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

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

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

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

示例 1：

  

    D3.js | d3.ascending() function
  
    

  

    
        // 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
    

  

输出：

-1
1
0

示例 2：

  

    D3.js d3.ascending() function
  
    

  

    
        // 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
    

  

输出：

NaN
NaN
0
-1
1

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