วิธี JSON.stringify() ของ JavaScript

คำนำออกและวิธีใช้

วิธี JSON.stringify() จะแปลงออปเจ็กท์ JavaScript ให้เป็นตัวอักษร。

ขณะที่ส่งข้อมูลไปยังเซิร์ฟเวอร์ Web ข้อมูลต้องเป็นตัวอักษร。

ตัวอย่าง

ตัวอย่าง 1

จับคำภาษาตัวเลข JavaScript ตัวอักษร:

var obj = { "name":"Bill", "age":19, "city":"Seattle"};
var myJSON = JSON.stringify(obj);
document.getElementById("demo").innerHTML = myJSON;

ลองด้วยตัวเอง

ตัวอย่าง 2

ใช้ฟังก์ชันแทนที่:

/* แปลงค่า "city" ให้เป็นตัวใหญ่: */
var obj = { "name":"Bill", "age":"19", "city":"Seattle"};
var text = JSON.stringify(obj, function (key, value) {
  if (key == "city") {
    return value.toUpperCase();
  } else {
    return value;
  }
});

ลองด้วยตัวเอง

ตัวอย่าง 3

ใช้ space ตัวแปร:

/* ใส่ 10 ตัวอักษรช่องว่างในแต่ละช่องว่าง: */
var obj = { "name":"Bill", "age":"19", "city":"Seattle"};
var text = JSON.stringify(obj, null, 10);

ลองด้วยตัวเอง

ตัวอย่าง 4

ใช้ space ตัวแปร:

/* ใส่คำว่า SPACE ในแต่ละช่องว่าง: */
var obj = { "name":"Bill", "age":"19", "city":"Seattle"};
var text = JSON.stringify(obj, null, "SPACE");

ลองด้วยตัวเอง

การใช้งาน

JSON.stringify(obj, replacer, space)

ค่าตัวแปร

ตัวแปร คำอธิบาย
obj จำเป็น。ตัวเลขที่ต้องการแปลงเป็นตัวเลขตัวอักษร;
replacer

ตัวเลือก。ฟังก์ชันหรือแถวที่ใช้ในการแปลงผลลัพธ์;

ถ้าตัวแปรเป็นฟังก์ชัน ในขั้นตอนการแปลงเป็น JSON ค่าที่แปลงเป็น JSON จะผ่านฟังก์ชันนี้เพื่อการแปลงและการประมวลผล;

ถ้าตัวแปรเป็นแถว มีเพียงชื่อของตางแถวที่อยู่ในแถวนั้นที่จะถูกแปลงเป็น JSON ตัวเลข;

ถ้าตัวแปรเป็น null หรือไม่ได้มีการกำหนด ทุกของทางนิยายของตัวแปลจะถูกแปลงเป็น JSON ตัวเลข;

space

ตัวเลือก。ตัวแปลภาษาหรือตัวเลข กำหนดตัวแปลภาษาช่องว่างสำหรับระบุระดับช่องว่าง ใช้เพื่อทำให้การแสดงที่สวยงาม (pretty-print);

ถ้าตัวแปรเป็นตัวเลข มันเป็นจำนวนช่องว่าง; ขีดจำกัดสูงสุดคือ 10 ช่องว่าง。ค่านี้ถ้าเล็กกว่า 1 หมายความว่าไม่มีช่องว่าง;

ถ้าตัวแปรเป็นตัวแปลภาษา (เมื่อความยาวของตัวแปลภาษาเกิน 10 ตัวอักษร จะเลือก 10 ตัวอักษรแรก) ตัวแปลภาษานั้นจะถูกใช้เป็นช่องว่าง;

ถ้าตัวแปรไม่ได้มีการกำหนด (หรือเป็น null) จะไม่มีช่องว่าง.

รายละเอียดเทคนิค

ค่าที่กลับมา: A String
JavaScript รุ่น: ECMAScript 5

การสนับสนุนโปรแกรมนี้

ตัวเลขในตารางบอกว่าอุปกรณ์เรียกเรื่องแรกที่สนับสนุนวิธีนี้

วิธี Chrome IE Firefox Safari Opera
stringify() 4.0 8.0 3.5 4.0 11.5

หน้าที่เกี่ยวข้อง

JSON การเรียนรู้:JSON รายละเอียด