How to call a function using Object's Key..?

Question

From my object iteration, i am trying to call the function and sending data as parameter, on my try, i am getting error..

what is the proper approach to call the function using the object keys..?

my try:

var x = function(msg){
    console.log(msg);
}
var y = function(msg){
    console.log(msg);
}

    var obj = {x:"i am x", y:"i am y"}

    var all = function(){
        $.each(obj,function(key,value){
           [key](value);
        })
    }

    all();

any one figure ou the correct approach pls.. here is the jsfiddle link

Pavel Gruba · Accepted Answer · 2013-06-21 11:38:06Z

8

Try this way

var funcs = {
    x: function(msg){
        console.log(msg);
    },
    y: function(msg){
        console.log(msg);
    }
};

var obj = {x:"i am x", y:"i am y"}

var all = function(){
    $.each(obj,function(key,value){
       funcs[key](value);
    })
}

all();

Here is your fiddle http://jsfiddle.net/9XqeJ/1/

answered Jun 21, 2013 at 11:38

Pavel Gruba

2,0591 gold badge13 silver badges8 bronze badges

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

3 Comments

3gwebtrain Over a year ago

yes, Understand. By we can't directly call a regular function? if so why..?

Bergi Over a year ago

Because you cannot access simple variables by name. Bracket notation works only for properties of objects.

Pavel Gruba Over a year ago

you can declare your functions 'x' and 'y' as properties of global objects (declare it without 'var'), but it's bad

Stefan · Accepted Answer · 2013-06-21 11:41:04Z

1

This won't do what you want..

var x = function(msg){
    console.log(msg);
}
var y = function(msg){
    console.log(msg);
}

defines two indpendetn functions.

var obj = {x:"i am x", y:"i am y"}

Defines an object with the keys 'x' and 'y'. They are completly independent of the funcitons you defined.

You can do this:

var self = this;
this.x = function(msg){
    console.log(msg);
}
this.y = function(msg){
    console.log(msg);
}

var obj = {x:"i am x", y:"i am y"}

var all = function(){
    $.each(obj,function(key,value){
        self[key](value);
    })
}

all();

To call a funciton named with the key. Fiddle

answered Jun 21, 2013 at 11:41

Stefan

15k17 gold badges92 silver badges155 bronze badges

5 Comments

Bergi Over a year ago

What do you expect self to be? The global scope, undefined?

Stefan Over a year ago

the funxtion you are currently in

Stefan Over a year ago

if you are inside the global object space, it is the global object space, if you are in a function, the function

Bergi Over a year ago

this will hardly ever refer to a function, no. Read the introduction to the this keyword please.

dualed Over a year ago

this will refer to the global environment aka window in browsers, unless you put the code in a function and somehow get this from an object or dom element

A. Wolff · Accepted Answer · 2013-06-21 11:45:09Z

0

If your variables scope is global, you could use that but not the best way:

http://jsfiddle.net/PWtEG/

 x = function (msg) {
     console.log(msg);
 }
 y = function (msg) {
     console.log(msg);
 }

 var obj = {
     x: "i am x",
     y: "i am y"
 }

 var all = function () {
     $.each(obj, function (key, value) {
         window[key](value);
     })
 }

 all();

answered Jun 21, 2013 at 11:45

A. Wolff

74.4k9 gold badges98 silver badges158 bronze badges

Comments

Phrontisteries · Accepted Answer · 2018-10-01 12:37:07Z

0

var objF = {
    set setO(v) {
        for (var k in v) {
            objF[k](v[k]) // or this[k](v[k]) or add to internal objF object/var/array
        }
    },
    x: function(msg) {
        console.log(msg)
    },
    y: function(msg) {
        console.log(msg)
    }
}
objF.setO = {x:"i am x", y:"i am y"}

Could also add the object with set/get and then post that way if you wanted to use them later...

answered Oct 1, 2018 at 12:37

Phrontisteries

11 bronze badge

Comments

Zaheer · Accepted Answer · 2020-10-02 13:18:02Z

0

You can use jQuery function jQuery.globalEval

var x = function(msg){
    console.log(msg);
}
var y = function(msg){
    console.log(msg);
}

var obj = {x:"i am x", y:"i am y"}

var all = function(){
  $.each(obj,function(key,value){
    jQuery.globalEval(`${key}("${value}")`)
  })
}

all();

"${value}" Expression contains the quotes to form a string. For other values, it should be without quotes, otherwise function would get everything as string. You need to add a check on value type i.e. typeof value and decide to add quotes in jQuery.globalEval call or not.

edited Oct 2, 2020 at 13:18

answered Oct 2, 2020 at 12:41

Zaheer

3755 silver badges20 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 12:31:35Z

-1

Here the code to implement

var key = "foo";
obj[key](1, 2, 3);
obj[key].call(obj, 1, 2, 3);
obj[key].apply(obj, [1, 2, 3]);

function foo() { console.log(arguments); }

// 1. directly
foo(1, 2, 3);

// 2. trough Function.call()
foo.call(this, 1, 2, 3);

// 3. trough Function.apply()
var args = [1, 2, 3];
foo.apply(this, args);

SO Answer: javascript equivalent of php call_user_func

edited May 23, 2017 at 12:31

CommunityBot

11 silver badge

answered Jun 21, 2013 at 11:42

Venkat.R

7,8045 gold badges45 silver badges68 bronze badges

2 Comments

Venkat.R Over a year ago

The above solution from native javascript and its working in all the browser. Proof is phpjs.org/functions/call_user_func_array

Bergi Over a year ago

Yes. Only it doesn't answer the question.

Collectives™ on Stack Overflow

How to call a function using Object's Key..?

6 Answers 6

3 Comments

5 Comments

Comments

Comments

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

3 Comments

5 Comments

Comments

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related