jQuery: use dynamic object based on variable value

Question

I have several objects and all of them have some methods that are called the same but do different things.

When I click a button, I want to call the init() method, but the object is different based on what button I clicked.

Here is a snippet

$btn.on('click', function(e){

    e.preventDefault();

    var $trigger = $(this);
    var objectName = $trigger.data('object');

    /*
    if objectName is 'user', I want to call user.init(), 
    if it's 'product' I want to call product.init() and so on...
    right now i get an error if I call like his
     */
    objectName.init($trigger);

});

Is it possible to dynamically call an object like this ? I know it is for its properties and methods, but I din't find anything about this issue.

Thank you.

var objectName = JSON.parse($trigger.data('object'));

Tushar
– Tushar

2016-08-17 12:29:24 +00:00
Commented Aug 17, 2016 at 12:29 — Tushar
– Tushar, Commented Aug 17, 2016 at 12:29

Maxx · Accepted Answer · 2016-08-17 12:32:32Z

3

It's better to do mapping

var entities = {
    user: user,
    entity: entity
}

var objectName = $trigger.data('object');

entities[objectName].init($trigger);

answered Aug 17, 2016 at 12:32

Maxx

1,75810 silver badges17 bronze badges

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

1 Comment

C. Ovidiu Over a year ago

Thank you, this seems the cleanest solution.

Dekel · Accepted Answer · 2016-08-17 12:42:46Z

1

In case your objects (or functions) defined in the global scope, you can access them using the window object:

var funcT = function() {
  console.log('funcT was called');
}

var objT = {
  'a': 1,
  'b': 2
}
function a() {
  var funcName = 'funcT'
  window[funcName]();
  
  var objName = 'objT'
  console.log(window[objName]);
}

a()

answered Aug 17, 2016 at 12:42

Dekel

62.9k12 gold badges109 silver badges130 bronze badges

Comments

Hristo Eftimov · Accepted Answer · 2016-08-17 12:46:23Z

1

With window[variable] you can access variables based on another variable.

So all that you need to do is to replace objectName.init($tr‌igger); with: window[objectName].‌init();

answered Aug 17, 2016 at 12:46

Hristo Eftimov

16.3k14 gold badges55 silver badges80 bronze badges

1 Comment

C. Ovidiu Over a year ago

They are not global, so I'll stick with Maxx's response. But thank you anyway

Collectives™ on Stack Overflow

jQuery: use dynamic object based on variable value

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related