JQuery | método fusionar() – Barcelona Geeks

Este método merge() en jQuery se usa para fusionar el contenido de dos arrays en la primera array.

Sintaxis:

jQuery.merge( first, second )

Parámetros: el método merge() acepta solo un parámetro que se menciona arriba y se describe a continuación:

primero: este parámetro es el primer objeto similar a una array que se fusiona, los elementos del segundo agregado.
segundo: este parámetro es el segundo objeto similar a una array que se fusiona con el primero, sin cambios.

Valor devuelto: Devuelve la array fusionada.

Ejemplo 1: en este ejemplo, el método merge() fusiona solo dos arrays.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JQuery | merge() method</title> 
<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
  
</head>
<body style="text-align:center;"> 
      
    <h1 style="color: green"> 
        GeeksForGeeks 
    </h1> 
      
    <h3>JQuery | merge() method</h3>
      
    <b>First = [ "a", "b", "c" ]</b><br>
    <b>Second = [ "d", "e", "f" ]</b>
    <br>
    <p>Click on button to merge</p>
    <button onclick="geek()">Click</button>
    <br><br>
    <b id="geeks"></b>
      
    <script>
    function geek() {
        var first = [ "a", "b", "c" ];
        var second = [ "d", "e", "f" ];
        var n = $.merge(first, second );
        document.getElementById("geeks").innerHTML = "Merged : [" + n + "]";
    }
    </script>
</body>
</html>                                                                                                    

Salida:
Antes de hacer clic:

Después de hacer clic:

Ejemplo 2: en este ejemplo, el método merge() fusiona más de dos arrays.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JQuery | merge() method</title> 
<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
  
</head>
<body style="text-align:center;"> 
      
    <h1 style="color: green"> 
        GeeksForGeeks 
    </h1> 
      
    <h3>JQuery | merge() method</h3>
      
    <b>Array_1 = [ "a", "b", "c" ]</b><br>
    <b>Array_2 = [ "d", "e", "f" ]</b>    <br>
    <b>Array_3 = [ 1, 2, 4, 5 ]</b>    <br>
    <b>Array_4 = [ 3, 6, 9 ]</b><br>
    <b>Array_5 = [ ]</b>
    <br>
    <p>Click on button to merge</p>
    <button onclick="geek()">Click</button>
    <br><br>
    <b id="geeks"></b>
      
    <script>
    function geek() {
        var fi = [ "a", "b", "c" ];
        var se = [ "d", "e", "f" ];
        var th = [ 1, 2, 4, 5 ];
        var fo = [ 3, 6, 9 ];
        var fif = [];
        var n = $.merge(
th, $.merge($.merge(fif, $.merge(fi, se )), fo));
  
        document.getElementById(
"geeks").innerHTML = "Merged : [" + n + "]";
    }
    </script>
</body>
</html>                                                

Salida:
Antes de hacer clic:

Después de hacer clic:

Publicación traducida automáticamente

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

Deja una respuesta Cancelar la respuesta