JSON.stringify() ใน JavaScript: แปลง Object เป็น JSON String

JSON.stringify()

แปลง JavaScript Object/Array ให้กลายเป็น JSON String ใช้เมื่อส่งข้อมูลไป Server (API Request) หรือเก็บใน localStorage

ไวยากรณ์

JSON.stringify(value[, replacer[, space]])

ตัวอย่าง 1: Object พื้นฐาน

<html> <body> <p id="demo"></p> <script>
  var obj = {name: "rekha", age: 40, city: "newyork"};
  var myJSON = JSON.stringify(obj);
  document.getElementById("demo").innerHTML = myJSON;
</script> </body> </html>

ผลลัพธ์: {"name":"rekha","age":40,"city":"newyork"}

ตัวอย่าง 2: Nested Object & Array

<script>
  var obj = {
    name: "ramesh",
    age: 30,
    family: [{mother: "geetha", father: "rao"}],
    city: "berlin"
  };
  var myJSON = JSON.stringify(obj);
  document.write(myJSON);
</script>

ผลลัพธ์: {"name":"ramesh","age":30,"family":[{"mother":"geetha","father":"rao"}],"city":"berlin"}

Parameters เพิ่มเติม

• Replacer (Function/Array): กรอง/แปลง Property ที่จะ Stringify
• Space (Number/String): Indentation สำหรับ Pretty Print

Pretty Print ตัวอย่าง

JSON.stringify(obj, null, 2);
// {
  // "name": "ramesh",
  // "age": 30,
  // ...
// }

ข้อจำกัด

• ไม่รองรับ: Function, undefined, Symbol, Circular Reference
• Date → ISO String, NaN/Infinity → null