Getting the object variable name in JavaScript

Question

I am creating a JavaScript code and I had a situation where I want to read the object name (string) in the object method. The sample code of what I am trying to achieve is s

Answer 1

Depending on what your needs are, there are some creative solutions. The main place I want to know a variable name is when I'm debugging.

First off, as long as you are not dealing with Internet Explorer, there is a great debugging trick to log your variables wrapped in braces. The console will show you the details of your "object"... which has only one key, the exact name of your variable!

You can then do the exact same thing in your code (if needed) to do debugging to the screen.

    var isAdmin = true;
    let isDefault = false;
    const isFlubber = null;
    const now = new Date();

    console.log({isAdmin});
    console.log({isDefault});
    console.log({isFlubber});
    console.log({now});
    
    //You can also use console.dir() or console.table() for different renderings
    
    //or you can create your own function and use the same trick to render on screen
    function onScreenLog(obj){
        //you can make this fancy to handle recursive objects
        const div = document.getElementById('onscreen-log');
        for(const [key, value] of Object.entries(obj)){
          div.innerHTML += key + ': ' + value + '
'; 
        }
    }
    onScreenLog({isAdmin});
    onScreenLog({isDefault});
    onScreenLog({isFlubber});
    onScreenLog({now});