Convert object into parameters for function

Question

I have a AJAX with php that outputs different functions to run on the jquery side of things.

$.each(data['function'],function(key,value){
  window[key](value)
}

data['function'] contains function data to run.

For example:

{"append":{"message":"hello","url":"link.com"}}

Will activate function

function append(message,url){...}

The problem is that {"message":"hello","url":"link.com"} is all contained in message. How can I translate or convert {"message":"hello","url":"link.com"} as parameters for the function?

right now it's running like this:

append({"message":"hello","url":"link.com"},undefined)

What is the solution to enable it to run like this:

append("hello","link.com")

I want to keep parameters intact append(message,url) and not resort to a single parameter method. I can't quite find a good solution.

Edited (Simplified)

How can I change Params object:

var Params={"message":"hello","url":"link.com"}
window['append'](Params);

To run the same as:

window['append']("hello","link.com")

CertainPerformance · Accepted Answer · 2018-12-17 03:25:01Z

5

Spread the values of the data['function'] object into the parameter list of the function you want to call:

append(...Object.values(data.function.message));

The old way to do it would be to use .apply instead:

append.apply(undefined, Object.values(data.function.message));

Note that it's pretty confusing to have an object inside a key named function - one would probably expect a function to be there instead. You might consider a different property name, such as parametersObj or something of the sort.

If the function name is dynamic as well (which is a code smell), then use Object.entries to get both the key (function name) and value (object) at once:

const [fnName, obj] = Object.entries(data.function);
window[fnName](...Object.values(obj));

edited Dec 17, 2018 at 3:25

answered Dec 17, 2018 at 3:00

CertainPerformance

373k55 gold badges354 silver badges359 bronze badges

Sign up to request clarification or add additional context in comments.

9 Comments

Maciek Over a year ago

The ajax php give me data like {"function":{"append":{"element":"test","url":"test"}}} which is outputted as json data. Which I want to use to call the function.

Maciek Over a year ago

Thanks for your help. I tried your method but it just gives me a comma separated string for message and url is still undefined.

CertainPerformance Over a year ago

Oh, it's the .message property that has the object whose values you're looking for, see edit

Maciek Over a year ago

I need the object values Message and Url to correspond to the function Append parameters(Message,Url)

Maciek Over a year ago

I added an edit. Maybe it can explain it a bit better! Thanks

|

Collectives™ on Stack Overflow

Convert object into parameters for function

Edited (Simplified)

1 Answer 1

9 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Edited (Simplified)

1 Answer 1

9 Comments

Your Answer

Sign up or log in

Post as a guest

Related