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