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

D3.js中的d3.merge()函数用于将两个给定数组合并为一个数组。

用法:

d3.merge(Array1, Array2)

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

Array1:这是其元素将与array2合并的第一个数组。
Array2:这是第二个数组，其元素将与array1合并。

返回值：它返回合并的单个数组。

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

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

输出：

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

示例2:

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

输出：

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

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

相关用法

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