2

Tengo un objeto de tipo:

obj ={
  'key1': 'value1'
  'key2': 'value2'
  ...
  'keyN': 'valueN'
}

Esta función que hace una llamada ajax:

function fn(value1, value2 ... valueN){
    //esta funcion recibira los valores del objeto como parametro y en esta los utilizo
}

Luego tengo una función que recibe parámetros.. la función y el objeto anterior y otro valor:

function asignObjValues(fn, object, value){
    object[value] = 'algo'
    fn(Object.values(object));  //si lo hago asi lo estoy pasando los valores del objeto en un arreglo

   //quiero pasarlos de la forma fn('algo', 'value2', 'valueN')

}

asignObjValues(fn, obj, 'key1')

¿Cómo hago para pasar los valores de mi objeto como parámetros de mi otra función y no como un arreglo..?

4
  • Pero es que fn siempre va a recibir los parámetros como un arreglo, porque la has definido con un rest parameter. Es decir, por mucho que cambies la invocación, por definición dentro de la función siempre va a tener un arreglo, porque es en lo que consiste "...objValues", en que permite enviar cualquier número de parámetros a una función como un arreglo. developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…
    – S. Bonet
    Commented el 21 feb. 2020 a las 14:46
  • Relacionada: es.stackoverflow.com/questions/245846/… Commented el 21 feb. 2020 a las 16:12
  • @S.Bonet Sí, esa parte de la pregunta no queda muy clara Commented el 21 feb. 2020 a las 16:23
  • @S.Bonet hola lo puse asi mas bien como pseudocodigo.. pueden ser una cantidad n de parametros.. lo cambio
    – RazerJs
    Commented el 21 feb. 2020 a las 16:45

2 respuestas 2

4

Puedes usar apply:

function fn( param1, param2, param3) {
   console.log(param1, param2, param3);
}

fn('Hola',3,{});

const params = ['p1',2,'p3'];

//el primer parámetro de apply es el contexto, el valor que tendrá "this"
fn.apply(null,params);

Y si no tienes que preocuparte de Internet Explorer, puedes usar el operador Spread:

function fn( param1, param2, param3) {
   console.log('Param1:',param1,'Param2:', param2,'Param3:', param3);
}

fn('Hola',3,{});

const params = ['p1',2,'p3'];

fn(...params)

1
  • Muchas gracias por tu respuesta Pablo.. menos mal quie siempre estas por ahi.. Saludos
    – RazerJs
    Commented el 24 feb. 2020 a las 8:33
2

Si entendí lo que buscas, solo deberías agregar ... (sintáxis spread) cuando llamas a la función.

const obj ={'key1': 'value1','key2': 'value2','keyN': 'valueN'}

function fn(valor1, valor2, valor3) {
  console.log(valor1);
  console.log(valor2);
  console.log(valor3);
}

fn(...Object.values(obj)); //<-- Lo mismo que fn(value1, value2, valueN)

Si no podemos definir la cantidad de argumentos en la función, podemos usar arguments:

const obj ={'key1': 'value1','key2': 'value2','keyN': 'valueN'}

function fn() {
  console.log(arguments[0]);
  console.log(arguments[1]);
  console.log(arguments[2]);
}

fn(...Object.values(obj));

2
  • En lugar de usar arguments se puede declarar la función como fn(...args) { ...}. Viene a ser el efecto opuesto: al llamarla como fn(a,b,c) tendrías un array en args como estos tres parámetros. Es útil en funciones flecha donde arguments no existe Commented el 21 feb. 2020 a las 17:04
  • Muchas Gracias por tu respueta Emeeus asi lo encuentro muy practico... solo esta el tema de IE. Saludos
    – RazerJs
    Commented el 24 feb. 2020 a las 8:33

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.