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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。