D3.js | función d3.merge()

La función d3.merge() en D3.js se usa para fusionar las dos arrays dadas en una sola array.

Sintaxis:

d3.merge(Array1, Array2)

Parámetros: esta función acepta dos parámetros que se mencionan anteriormente y se describen a continuación:

  • Array1: esta es la primera array cuyos elementos se fusionarán con la array2.
  • Array2: esta es la segunda array cuyos elementos se fusionarán con la array1.

Valor devuelto: Devuelve la array única fusionada.

Los siguientes programas ilustran la función d3.merge() en D3.js.
Ejemplo 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>

Producción:

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

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

Producción:

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

Referencia: https://devdocs.io/d3~4/d3-array#merge

Publicación traducida automáticamente

Artículo escrito por Kanchan_Ray y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *