Print / display a JavaScript variable's name instead of it's value

Question

Is it possible to print / display a JavaScript variable's name? For example:

var foo=5;
var bar=6;
var foobar=foo+bar;

document.write(foo+ "<br>");
document.write(bar+ "<br>");
document.write(foobar + "<br>");

How would we print the variable's names so the output would be:

foo 
bar 
foobar

Rather than:

5
6
11

Here's a use case: During testing, I want to check that every variable I think is coming from a module is coming. If typeof var === undefined, I'd like to be able to put on the screen "var is undefined". Not an XY question for me. — BaldEagle
– BaldEagle, Commented Oct 11, 2016 at 13:05
Other posts like this one are marked as duplicates of stackoverflow.com/questions/3404057/…. Short summary of the discussion in all of them: One could pass the function both a string of the variable name and the variable. For others, there's a way for global variables (those with window.x). For others, one could make every variable an object. Then, one can use object keys to get the variable name. For the insane, one could write code to parse the program and get the variable that way (good luck!) For me: That first one. — BaldEagle
– BaldEagle, Commented Oct 11, 2016 at 13:28

gfrobenius · Accepted Answer · 2014-03-21 03:09:54Z

4

You can put the variables in an object then easily print them this way: http://jsfiddle.net/5MVde/7/

See fiddle for everything, this is the JavaScript...

var x = {
    foo: 5,
    bar: 6,
    foobar: function (){
        var that=this;
        return that.foo+that.bar
    }
};

var myDiv = document.getElementById("results");

myDiv.innerHTML='Variable Names...';
for(var variable in x)
{
    //alert(variable);
    myDiv.innerHTML+='<br>'+variable;
}

myDiv.innerHTML+='<br><br>And their values...';
myDiv.innerHTML+='<br>'+x.foo+'<br>'+x.bar+'<br>'+x.foobar();

The JavaScript for...in statement loops through the properties of an object.

Another variation (thanks @elclanrs) if you don't want foobar to be a function: http://jsfiddle.net/fQ5hE/2/

edited Mar 21, 2014 at 3:09

answered Mar 21, 2014 at 2:19

gfrobenius

4,06710 gold badges38 silver badges66 bronze badges

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

4 Comments

elclanrs Over a year ago

You forgot var, and this is window. Won't work.

elclanrs Over a year ago

Your demo shows that the for..in works, but the answer is flawed. Try printing x.foobar and you'll get NaN.

gfrobenius Over a year ago

@elclanrs, thanks. Updated answer. @RalphDavidAbernathy can read this stackoverflow.com/a/134149/3112803 and decide how he wants to handle the foobar method.

elclanrs Over a year ago

That looks a bit better, but now it's a function. Do this var x={foo:5,bar:6}; x.foobar=x.foo+x.bar;. Also you're still missing a couple vars var myDiv and for(var variable in x). Then myDiv.innerHTML=myDiv.innerHTML you can write as myDiv.innerHTML+=

Avatar · Accepted Answer · 2015-02-11 08:21:50Z

2

Utils = {
    eventRegister_globalVariable : function(variableName,handlers){
        eventRegister_JsonVariable(this,variableName,handlers);
    },
    eventRegister_jsonVariable : function(jsonObj,variableName,handlers){
        if(jsonObj.eventRegisteredVariable === undefined) {
            jsonObj.eventRegisteredVariable={};//this Object is used for trigger event in javascript variable value changes ku
        }
        Object.defineProperty(jsonObj, variableName , {
                    get: function() { 
                        return jsonObj.eventRegisteredVariable[variableName] },
                    set: function(value) {
                        jsonObj.eventRegisteredVariable[variableName] = value; handlers(jsonObj.eventRegisteredVariable[variableName]);}
                    });
            }

answered Feb 11, 2015 at 8:21

Avatar

292 bronze badges

1 Comment

Ian Delairre Over a year ago

could you elaborate on this answer or describe a use case and the result?

Mohammad Faraz · Accepted Answer · 2018-05-10 07:29:22Z

0

Another possible solution can be "Object.keys(this)".... This will give you all the variable names in an array.

answered May 10, 2018 at 7:29

Mohammad Faraz

5744 silver badges9 bronze badges

Collectives™ on Stack Overflow

Print / display a JavaScript variable's name instead of it's value

3 Answers 3

4 Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related