D3.js | d3.shuffle()函数

D3.js 中的d3.shuffle()函数用于随机化或打乱给定数组元素的顺序并返回数组。

句法：

d3.shuffle( Array, start, stop )

参数：此函数接受三个参数，如上所述，如下所述：

• Array：此参数保存数组元素。
• start：表示数组的起始索引，用于打乱数组元素。它没有指定起始值，然后将零作为默认值。
• stop：表示数组的结束索引，用于打乱数组元素。它的默认值是数组的长度。

返回值：它返回混洗元素的数组。

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

示例 1：

  

    d3.shuffle() Function
      
    

  

    
       
        // 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>");
    

  

输出：

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

示例 2：

  

    d3.shuffle() Function
      
    

  

    
       
        // 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>");
    

  

输出：

b, a, c
z, y, x

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