d3.js d3.permute()用法及代码示例

D3.js中的d3.permute()函数用于使用给定的指定索引数组对给定数组的元素进行置换，并且它返回包含每个给定索引的对应元素的数组。

用法:

d3.permute(array, Index)

参数：此函数接受上面提到并在下面描述的两个参数：

Array:它是在其上执行置换的元素数组。
Index:是给定索引，用于对给定数组元素进行置换，并相应地将给定数组的元素返回到数组中。

返回值：它返回排列的元素数组。

以下程序说明了D3.js中的d3.permute()函数。

示例1:在下面的代码中，将使用给定的指定索引数组对给定数组的元素进行置换，并返回包含每个给定索引的对应元素的数组。

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

输出：

Geek, Geeks, gfg, GeeksforGeeks
abcd, ab, abc, a

示例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>

输出：

Hello, Greet, Hi
Hari, Shyam, Geeta, Ram

参考： https://devdocs.io/d3~4/d3-array#permute

相关用法

注：本文由纯净天空筛选整理自Kanchan_Ray大神的英文原创作品 D3.js | d3.permute() function。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。