d3.js d3.shuffle()用法及代碼示例

D3.js中的d3.shuffle()函數用於將給定數組元素的順序隨機化或隨機排列，並返回數組。

用法:

d3.shuffle( Array, start, stop )

參數：此函數接受上述和以下所述的三個參數：

Array:此參數保存數組元素。
start:它代表要重新排列數組元素的數組的起始索引。它的起始值未指定，然後將零作為默認值。
stop:它表示數組的結束索引，以隨機排列數組元素。它的默認值是數組的長度。

返回值：它返回隨機元素數組。

以下程序說明了D3.js中的d3.shuffle()函數：

示例1:

<!DOCTYPE html> 
<html> 
  
<head> 
    <title>d3.shuffle() Function</title> 
      
    <script src='https://d3js.org/d3.v4.min.js'></script> 
</head> 
  
<body> 
    <script> 
       
        // Initialising some array of elements 
        Array1 = [1, 2, 3, 4]; 
        Array2 = [10, 20, 30, 40]; 
        Array3 = [5, 7, 9, 11]; 
        Array4 = [2, 4, 6, 8, 10]; 
           
        // Calling to d3.shuffle() function 
        A = d3.shuffle(Array1); 
        B = d3.shuffle(Array2, 1, 3); 
        C = d3.shuffle(Array3); 
        D = d3.shuffle(Array4, 2, 5); 
           
        // Getting the shuffled elements 
        document.write(A + "<br>"); 
        document.write(B + "<br>"); 
        document.write(C + "<br>"); 
        document.write(D + "<br>"); 
    </script> 
</body> 
  
</html>

輸出：

2, 3, 1, 4
20, 40, 10, 30
11, 9, 5, 7
2, 10, 4, 8, 6

示例2:

<!DOCTYPE html> 
<html> 
  
<head> 
    <title>d3.shuffle() Function</title> 
      
    <script src='https://d3js.org/d3.v4.min.js'></script> 
</head> 
  
<body> 
    <script> 
       
        // Initialising some array of elements 
        Array1 = ["a", "b", "c"]; 
        Array2 = ["z", "y", "x"]; 
           
        // Calling to d3.shuffle() function 
        A = d3.shuffle(Array1); 
        B = d3.shuffle(Array2); 
           
        // Getting the shuffled elements 
        document.write(A + "<br>"); 
        document.write(B + "<br>"); 
    </script> 
</body> 
  
</html>

輸出：

b, a, c
z, y, x

參考： https://devdocs.io/d3~5/d3-array#shuffle

相關用法

注：本文由純淨天空篩選整理自Kanchan_Ray大神的英文原創作品 D3.js | d3.shuffle() function。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。