The d3.merge() function in D3.js is used to merge the two given array into a single array.
Syntax:
d3.merge(Array1, Array2)
Parameters: This function accepts two parameters which are mentioned above and described below:
- Array1: This is the first array whose elements are going to be merged with array2.
- Array2: This is the second array whose elements are going to be merged with array1.
Return Value: It returns the merged single array.
Below programs illustrate the d3.merge() function in D3.js.
Example 1:
<html>
<head>
<title>Getting a single array after
merging of the two given array</title>
</head>
<body>
</script>
<script>
var Array1 = [10, 20, 30];
var Array2 = [1, 2, 3];
A = d3.merge([
[Array1],
[Array2]
]);
document.write(A + "<br>");
</script>
</body>
</html>
|
Output:
[10, 20, 30, 1, 2, 3]
Example 2:
<html>
<head>
<title>
Getting a single array after
merging of the two given array
</title>
</head>
<body>
</script>
<script>
var Array1 = ["A", "B", "C"];
var Array2 = ["a", "b", "c"];
A = d3.merge([
[Array1],
[Array2]
]);
document.write(A + "<br>");
</script>
</body>
</html>
|
Output:
[A, B, C, a, b, c]
Ref: https://devdocs.io/d3~4/d3-array#merge