View object content in JavaScript

JavaScript is a programming language based on objects. outputting the internal structure of JavaScript objects makes debugging easier. The following describes how to view the internal structure of an object so that you can view the attributes and values of the object at a glance.

Let's take a look at the simple method:

function dump_obj(myObject) {  var s = "";  for (var property in myObject) {  s = s + "n "+property +": " + myObject[property];  }    alert(s);  }  var obj = {name:'Gonn', class:'NowaMagic.net'};

The following method is more detailed:

var MAX_DUMP_DEPTH = 10;  function dumpObj(obj, name, indent, depth) {  if (depth > MAX_DUMP_DEPTH) {      return indent + name + ": <Maximum Depth Reached>n";    }    if (typeof obj == "object") {      var child = null;      var output = indent + name + "n";      indent += "t";      for (var item in obj) {        try {          child = obj[item];        } catch (e) {          child = "<Unable to Evaluate>";        }        if (typeof child == "object") {          output += dumpObj(child, item, indent, depth + 1);        } else {          output += indent + item + ": " + child + "n";        }  }  return output;    } else {      return obj;    }  }  var myObject = {name: "Jack B. Nimble", 'goto': 'Jail', grade: 'A', level: 3};//alert( dumpObj(myObject) );