La función d3.permute() en D3.js se usa para permutar los elementos de la array dada con una array de índices especificada y devuelve la array que contiene el elemento correspondiente para cada índice dado.
Sintaxis:
d3.permute(array, Index)
Parámetros: esta función acepta dos parámetros que se mencionan anteriormente y se describen a continuación:
- Array: Es el array de elementos sobre los que se realiza la permutación.
- Índice: es el índice dado que se usa para permutar los elementos de la array dada y, en consecuencia, devuelve los elementos de la array dada en una array.
Valor de retorno: Devuelve el arreglo de elementos permutados.
Los siguientes programas ilustran la función d3.permute() en D3.js.
Ejemplo 1: en el siguiente código, la permutación se realiza en los elementos de la array dada con una array de índices especificada y devuelve la array que contiene el elemento correspondiente para cada índice dado.
<html> <head> <title> Getting permuted array of elements </title> </head> <body> <script src='https://d3js.org/d3.v4.min.js'> </script> <script> // Initialising the arrays of elements var Array1 = ["gfg", "Geek", "Geeks", "GeeksforGeeks"]; var Array2 = ["a", "ab", "abc", "abcd"]; // Initialising the indexes var Index1 = [1, 2, 0, 3]; var Index2 = [3, 1, 2, 0]; // Calling to d3.permute() function A = d3.permute(Array1, Index1); B = d3.permute(Array2, Index2); // Getting permuted array of elements document.write(A + "<br>"); document.write(B + "<br>"); </script> </body> </html>
Producción:
Geek, Geeks, gfg, GeeksforGeeks abcd, ab, abc, a
Ejemplo 2:
<html> <head> <title> Getting permuted array of elements </title> </head> <body> <script src='https://d3js.org/d3.v4.min.js'> </script> <script> // Taking the array of elements and // indexes as the parameters // for the function d3.permute() A = d3.permute(["Hi", "Hello", "Greet"], [1, 2, 0]); B = d3.permute(["Ram", "Shyam", "Geeta", "Hari"], [3, 1, 2, 0]); // Getting permuted array of elements document.write(A + "<br>"); document.write(B + "<br>"); </script> </body> </html>
Producción:
Hello, Greet, Hi Hari, Shyam, Geeta, Ram
Referencia: https://devdocs.io/d3~4/d3-array#permute
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