How can I view an object with an alert()

Question

I tried to do a debug but I am having problems. Now I try with alert(). For example I want to see the value of:

var product = { ProductName: $('!Answer_Response[0]').val(),
                  UnitPrice: $('#Price').val(),
                  Stock: $('#Stock').val()
              };

When I say alert(product) it just gives me [object Object]. How can I make alert show what's really there?

Answer 1

you can use the JSON.stringify() method found in modern browsers and provided by json2.js.

var myObj = {"myProp":"Hello"}; alert (JSON.stringify(myObj));    // alerts {"myProp":"Hello"}; 

or

also check this library : http://devpro.it/JSON/files/JSON-js.html

Answer 2

you can use toSource method like this

alert(product.toSource()); 

Answer 3

If you want to easily view the contents of objects while debugging, install a tool like Firebug and use console.log:

console.log(product);

If you want to view the properties of the object itself, don't alert the object, but its properties:

alert(product.ProductName);
alert(product.UnitPrice);
// etc... (or combine them)

As said, if you really want to boost your JavaScript debugging, use Firefox with the Firebug addon. You will wonder how you ever debugged your code before.