D3.js | d3.cross()函数

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

句法：

d3.cross(Array1, Array2)

参数：此函数接受上面提到的两个参数，如下所述：

• Array1：这是第一个数组，其元素将与 array2 进行笛卡尔积。
• Array2：这是第二个数组，其元素将与 array1 进行笛卡尔积。

返回值：它返回两个给定数组中每个元素的笛卡尔积数组。

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

  

    
      Getting cartesian product
      of the two given array
  

  

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

  

输出：

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

示例 2：

  

    
      Getting cartesian product 
      of the two given array
  

  

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

  

输出：

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