[ Log On ]
Showing Object Properties in Javascript

เวลาที่เราจะ alert หรือสั่ง console.log ตัว object อะไรก็ตามเพื่อทำการ debug ใน Javascript (JS) นั้น มันแทบจะไม่ได้ข้อมูลอะไรออกมาเลย มันบอกแต่ว่า [Object] ซึ่ง.. รู้อยู่แล้วว้อยว่าเป็น object .. ช่วยบอกอะไรละเอียดกว่านั้นหน่อยได้ม๊ายยย

ก่อนหน้านี้ถ้าเราอยากรู้ว่า object นั้นมันคือ object อะไร มี properties อะไรบ้าง .. ต้องเขียน function ขึ้นมาปวดหัววุ่นวายหลายขั้นตอน

ตอนนี้ชีวิตโปรแกรมเมอร์เราง่ายขึ้นแล้ว เพราะเราใช้แค่ toSource() ก็พอ.. เฮ้ย!! ง่ายไปป่ะ.. เออ มันง่ายแค่นั้นจริง ๆ การใช้งานก็ตามนี้เลย

 

alert(YOUR_OBJECT_HERE.toSource());

 

แต่ช้าก่อน การใช้ toSource() มันง่าย แต่ผลที่ได้ออกมามันอ่านยากไปนะ (จริง ๆ มันก็พออ่านได้แหละพ่อคู๊ณณณ) ผมขอเสนอวิธีที่ทำให้อ่านได้ง่ายขึ้นไปอีก นั่นคือ

 

alert(JSON.stringify(YOUR_OBJECT_HERE, null, 4));

 

โอ้ว.. อ่านง่ายขึ้นมาทันทีเลยกับรูปแบบ JSON ที่เราคุ้นเคย

ขอได้รับความขอบคุณจาก http://stackoverflow.com/questions/1625208/print-content-of-javascript-object อีกแล้ว.. สถานที่พักพิงทางปัญญาของโปรแกรมเมอร์ผู้มีปัญหาทั่วโลก ใครยังไม่เคยใช้ ไปใช้ซะนะครับ คนเก่ง ๆ เพียบเลยในนั้น

 

Happy Coding ครับ :)