JavaScript: Dynamically call a function inside an object

Question

I have an object that contains many functions

var obj = {
    'Func1': function() {},
    'Func2': function() {},
    'Func3': function() {},
    'Func4': function() {}
...
}
var functionToCall = 'Func2';

I want to dynamically call a function inside the object using a string value. Any idea how to achieve this in JavaScript?

Possible duplicate of Accessing a JSON property (String) using a variable — Mike Cluck
– Mike Cluck, Commented Mar 10, 2016 at 21:16

Mulan · Accepted Answer · 2016-03-10 21:18:30Z

3

Just look up the object's property using [], then use () to call the function

obj[functionToCall]();

answered Mar 10, 2016 at 21:18

Mulan

136k35 gold badges240 silver badges276 bronze badges

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

Comments

madox2 · Accepted Answer · 2016-03-10 21:15:45Z

1

You can access properties of object by []:

obj['Func2']();

answered Mar 10, 2016 at 21:15

madox2

52.2k21 gold badges106 silver badges101 bronze badges

Comments

John Slegers · Accepted Answer · 2016-03-11 17:41:57Z

0

This is all there's to it :

var obj = {
    'Func1': function() { alert('Func1') },
    'Func2': function() { alert('Func2') },
    'Func3': function() { alert('Func3') },
    'Func4': function() { alert('Func4') }
}

var functionToCall = 'Func2';
obj[functionToCall]();

(see also this Fiddle)

answered Mar 11, 2016 at 17:41

John Slegers

47.4k23 gold badges205 silver badges173 bronze badges

Collectives™ on Stack Overflow

JavaScript: Dynamically call a function inside an object

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related