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

D3.js中的d3.cross()函数用于返回给定两个数组A和B的笛卡尔积。

用法:

d3.cross(Array1, Array2)

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

Array1:这是第一个将与array2进行笛卡尔乘积运算的数组。
Array2:这是第二个数组，其元素将与array1进行笛卡尔积。

返回值：它返回两个给定数组的two-element的笛卡尔乘积数组。

以下程序说明了D3.js中的d3.cross()函数。
示例1:

<html> 
  
<head> 
    <title> 
      Getting cartesian product 
      of the two given array 
  </title> 
</head> 
  
<body> 
    <script src='https://d3js.org/d3.v4.min.js'> 
  </script> 
  
    <script> 
        // initialising the array of elements 
        var Array1 = [10, 20, 30]; 
        var Array2 = [1, 2, 3]; 
  
        // Calling to d3.cross() function 
        A = d3.cross(Array1, Array2); 
  
        // Getting cartesian product of the two given array 
        document.write(A + "<br>"); 
    </script> 
</body> 
  
</html>

输出：

[[10, 1], [10, 2], [10, 3], [20, 1], [20, 2], [20, 3], [30, 1], [30, 2], [30, 3]]

示例2:

<html> 
  
<head> 
    <title> 
      Getting cartesian product  
      of the two given array 
  </title> 
</head> 
  
<body> 
    <script src='https://d3js.org/d3.v4.min.js'> 
  </script> 
  
    <script> 
        // initialising the array of elements 
        var Array1 = ["A", "B", "C"]; 
        var Array2 = ["a", "b", "c"]; 
  
        // Calling to d3.cross() function 
        A = d3.cross(Array1, Array2); 
  
        // Getting cartesian product of the two given array 
        document.write(A + "<br>"); 
    </script> 
</body> 
  
</html>

输出：

[[A, a], [A, b], [A, c], [B, a], [B, b], [B, c], [C, a], [C, b], [C, c]]

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

相关用法

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