Discover what methods javascript object has

Question

I have a page that renders just fine. On the page is a control and I wanted to set the visibility to hidden. I can get a handle on the object just fine but then when I went to use what I thought were pretty typical methods such as:

.setVisible(false);

or

.css("visibility", "hidden");

I got the object doesn't support method error.

Now to solve my visibility problem there was a containing div for the control so I just set the div to hidden.

$('#footer_statecode').hide();

My question however for the future is how would I discover the methods supported by an object.

My google searches came close such as this SO post but in these example the person had a specific method they were looking for. I am interested in seeing everything available....and it doesn't have to be via an alert(); I'd be just fine using some capability in the different browsers Developer tools (F12).

Thank you once again for sharing your knowledge.

possible duplicate of How to list the properties of a JavaScript object — CodingIntrigue
– CodingIntrigue, Commented Mar 7, 2014 at 13:32
In Firefox just type $('#footer_statecode'). in the console and a list of methods will appear. Im not sure about Chrome. — Andy
– Andy, Commented Mar 7, 2014 at 13:32
@Andy Interestingly...for me in IE & Chrome $('#footer_statecode') in the F12 console resulted in full blown object exploration while firefox only gave me []?? Anyway it worked as you say. Thank You! — GPGVM
– GPGVM, Commented Mar 7, 2014 at 13:41
@A.Wolff am I missing something in your comment? Wouldn't that be a nice concise way to find a method IF you knew what to look for?...which I don't. — GPGVM
– GPGVM, Commented Mar 7, 2014 at 13:43

sabof · Accepted Answer · 2014-03-07 13:39:45Z

3

You can use this. It won't include built-in JavaScript methods (ex Array.prototype.push)

var methods = [];
for (var prop in object) {
  if (typeof object[prop] === "function") {
    methods.push(prop);
  }
}

edited Mar 7, 2014 at 13:39

answered Mar 7, 2014 at 13:33

sabof

8,2024 gold badges32 silver badges53 bronze badges

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

1 Comment

sabof Over a year ago

I'm not checking on purpose

Rahul Tripathi · Accepted Answer · 2014-03-07 13:45:51Z

0

You can find it like this:

function getMethods(prop)
{ 
    var res = [];
    for(var prop in x) {
        if(typeof x[prop] == 'function') {
            res.push(prop);
        }
      }
        return res;
    }

You can also look at the Object.prototype.hasOwnProperty()

edited Mar 7, 2014 at 13:45

answered Mar 7, 2014 at 13:32

Rahul Tripathi

173k33 gold badges292 silver badges341 bronze badges

1 Comment

sabof Over a year ago

You are setting res to an empty array on each iteration. You are also returning inside the loop -- this will retrieve only one method.

Collectives™ on Stack Overflow

Discover what methods javascript object has

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related