วิธีแสดงอาร์เรย์ของอ็อบเจ็กต์ใน JavaScript

เพื่อแสดงอาร์เรย์ของอ็อบเจ็กต์ใน JavaScript ให้ใช้เมธอด JSON.stringify()

ตัวอย่างโค้ด

<!DOCTYPE html> <html>
  <body>
    <pre id="test"></pre>
    <script>
      var data = [{
        date: new Date(2017, 11, 25),
        value: 10
      }, {
        date: new Date(2017, 11, 30),
        value: 20
      }];
      document.getElementById('test').innerHTML = JSON.stringify(data, null, 4);
    </script>
  </body>
</html>

ผลลัพธ์

[
    {
        "date": "2017-12-24T18:30:00.000Z",
        "value": 10
    },
    {
        "date": "2017-12-29T18:30:00.000Z",
        "value": 20
    }
]

พารามิเตอร์ของ JSON.stringify()

• value: ค่าที่ต้องการแปลงเป็น JSON string
• replacer (optional): ฟังก์ชันหรืออาร์เรย์สำหรับกรอง/เปลี่ยนค่า
• space (optional): จำนวนช่องว่างสำหรับการจัดรูปแบบ (indentation) – ตัวอย่างใช้ 4

เคล็ดลับ: ใช้แท็ก <pre> เพื่อรักษารูปแบบการจัดวาง (whitespace) ของ JSON output