D3.js | función d3.shuffle()

La función d3.shuffle() en D3.js se usa para aleatorizar o barajar el orden de los elementos de array dados en su lugar y devuelve la array.

Sintaxis:

d3.shuffle( Array, start, stop )

Parámetros: esta función acepta tres parámetros, como se mencionó anteriormente y se describe a continuación:

Array: este parámetro contiene los elementos de la array.
inicio: representa el índice de inicio de la array para barajar los elementos de la array. El valor inicial no especifica, entonces toma cero como valor predeterminado.
detener: representa el índice final de la array para mezclar los elementos de la array. Su valor predeterminado es la longitud de la array.

Valor devuelto: Devuelve la array de elementos barajados.

Los siguientes programas ilustran la función d3.shuffle() en D3.js:

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

Producción:

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

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

Producción:

b, a, c
z, y, x

Referencia: https://devdocs.io/d3~5/d3-array#shuffle

Publicación traducida automáticamente

Artículo escrito por Kanchan_Ray y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta Cancelar la respuesta