Categorías: Tutoriales

Enviar múltiples parámetros a la vez con JavaScript

Cuando trabajamos con JavaScript haciendo uso o no de jQuery, es frecuente tener que enviar muchos parámetros a una función o enviar un número indeterminado de parámetros. El otro día explicábamos cómo manejar parámetros opcionales en JavaScript y hoy os traemos una pequeña nota relacionada, que seguro os resultará útil: enviar un múltiples parámetros a la vez usando una sola variable.

La idea es la siguiente, tengo una función de este estilo:

function nuevoCliente(nombre, apellidos, edad, ciudad, cp, web, email)
{

}

La llamada sería:

nuevoCliente("Javier", "Carazo", 26, "Córdoba", 14000, "linuxhispano.net",
 "mimail@correo.es");

Es posible, que haya veces que no quiera enviar todo o directamente son tantos los parámetros a enviar que no es funcional usar este método tradicional.

Sin embargo, podemos usar el siguiente modelo, que seguro os resulta mucho más cómodo:

var parametros = {
 parametro0 = valor0,
 parametro1 = valor1,
 ...
}

miFuncion(parametros);

Para nuestro caso sería:

var parametros = {

 nombre = "Javier",
 apellidos = "Carazo",
 edad = 26,
 ciudad = "Córdoba",
 cp = 14000,
 web= "linuxhispano.net"
 email = "mimail@correo.es"
}

nuevoCliente(parametros);

Dentro de la función accedemos al contenido de los parámetros de la siguiente forma:

function nuevoCliente(params)
{
 alert("Nombre : " + params.nombre);
}

Además al estar todos los datos recogidos en el mismo objeto, params, podemos hacer multitud de operaciones sobre él, pero eso será el tema de otra entrada.

F. Javier Carazo Gil

Cofundador de CODECTION, empresa especializada en WordPress, autor de un libro sobre WordPress (el primero en español) y multitud de artículos (en medios físicos y virtuales) sobre el tema. Participa en la comunidad WordPress de forma activa siendo parte del equipo organizador de la WordPress Meetup de Córdoba, dando charlas en diferentes WordCamp y siendo autor y coautor de multitud de plugins libres y premium para WordPress de gran éxito.

Ver comentarios

  • Probé este código y no me funcionaba, finalmente encontré la solución:
    var parametros = {nombre: "Javier", apellidos: "Carazo"};

    nuevoCliente(parametros);

    function nuevoCliente(params)

    {

    console.log("Nombre : " + params.nombre);

    console.log("Nombre : " + params.apellidos);

    }

Entradas recientes

432 CVEs

5 días hace

Anti-IA

2 semanas hace

Memoria

3 semanas hace

Mal uso

4 semanas hace

Precio de la RAM

1 mes hace

AUR

1 mes hace