Listado completo de tutoriales

Array: método concat

El método concat crea un nuevo vector con los datos del objeto original y los datos que le enviamos como parámetro.

Veamos con un ejemplo los resultados que obtenemos con el método concat:

<!DOCTYPE html>
<html>

<head>
    <title>Ejemplo de JavaScript</title>
    <meta charset="UTF-8">
</head>

<body>

    <script>
        let vec = [10, 20, 30, 40];
        let vecnuevo = vec.concat(1, 2, 3);
        document.write('Vector origen<br>');
        document.write(vec.join() + '<br>');
        document.write('Vector generado<br>');
        document.write(vecnuevo.join() + '<br>');
    </script>

</body>

</html>

Por pantalla tenemos el siguiente resultado:

Vector origen
10,20,30,40
Vector generado
10,20,30,40,1,2,3

El vector llamado vec almacena 4 componentes. Luego el vector que retorna el método concat es [10,20,30,40,1,2,3], el vector "vec" no se modifica al llamar al método concat. Como podemos observar los elementos que le pasamos como parámetro se almacenan al final del vector generado.

Otra variante es que podemos pasar como parámetros al metodo concat otros vectores:

<!DOCTYPE html>
<html>

<head>
    <title>Ejemplo de JavaScript</title>
    <meta charset="UTF-8">
</head>

<body>

    <script>
        let vec1 = [10, 20, 30, 40];
        let vec2 = [100, 200, 300, 400];
        let vecsuma = vec1.concat(vec2);
        document.write('Primer vector:');
        document.write(vec1.join() + '<br>');
        document.write('Segundo vector:');
        document.write(vec2.join() + '<br>');
        document.write('vectores concatenados:');
        document.write(vecsuma.join() + '<br>');
    </script>

</body>

</html>

En pantalla tenemos como resultado:

Primer vector:10,20,30,40
Segundo vector:100,200,300,400
vectores concatenados:10,20,30,40,100,200,300,400

En este segundo problema tenemos dos vectores llamados vec1 y vec2. Llamamos al método concat a través del objeto vec1 y le pasamos como parámetro el vec2. El resultado es otro vector que se almacena la referencia en la variable vecsuma.

Luego mostramos los elementos de los vectores ayudándonos con la llamada del método join para generar un string con todos los elementos del vector separados por coma.

Retornar