How to log both variable and its name? [duplicate]

Question

I find myself typing this repeatedly for debugging in my code. Is there a way to create a function for this?

var abc = 1
console.log("abc = "+abc);

var xyz = 2;
console.log("xyz = "+xyz);

I would like to create a function like this:

logVar = function(input){
  console.log(input.name()+" = "+input);
}

Is there a way to do this?

logVar(abc) should return "abc = 1"

logVar(xyz) should return "xyz = 2"

Answer 1

You have to enclose you var in a object to get its name as a key:

var myVar = 'John Doe';

console.log({myVar}); // result {"myVar": "John Doe"}

Answer 2

You can create an object from your variable which you pass into logVar.Then, in your function, you can use Object.entires to get the name of the variable and the value of the variable.

See example below:

var logVar = function (input) {
    var [[name, val]] = Object.entries(input);
    console.log(name, "=", val);
}

var abc = 1;
var xyz = 2;

logVar({abc}); // abc = 1
logVar({xyz}); // xyz = 2