JSON Object Literals
นี่คือสตริง JSON:
'{"name":"John", "age":30, "car":null}'
ภายในสตริง JSON มีตัวอักษรวัตถุ JSON:
{"name":"John", "age":30, "car":null}
ตัวอักษรอ็อบเจ็กต์ JSON ล้อมรอบด้วยวงเล็บปีกกา {}
ตัวอักษรอ็อบเจ็กต์ JSON มีคู่คีย์/ค่า
คีย์และค่าคั่นด้วยเครื่องหมายทวิภาค
คีย์ต้องเป็นสตริง และค่าต้องเป็นประเภทข้อมูล JSON ที่ถูกต้อง:
- สตริง
- ตัวเลข
- วัตถุ
- อาร์เรย์
- บูลีน
- โมฆะ
คู่คีย์/ค่าแต่ละคู่คั่นด้วยเครื่องหมายจุลภาค
เป็นเรื่องปกติที่จะเรียกอ็อบเจกต์ JSON ว่า "อ็อบเจกต์ JSON"
JSON ไม่สามารถเป็นวัตถุได้ JSON เป็นรูปแบบสตริง
ข้อมูลจะเป็น JSON เมื่ออยู่ในรูปแบบสตริงเท่านั้น เมื่อแปลงเป็นตัวแปร JavaScript มันจะกลายเป็นวัตถุ JavaScript
วัตถุ JavaScript
คุณสามารถสร้างอ็อบเจ็กต์ JavaScript จากตัวอักษรอ็อบเจ็กต์ JSON:
ตัวอย่าง
myObj = {"name":"John", "age":30, "car":null};
โดยปกติ คุณสร้างวัตถุ JavaScript โดยแยกวิเคราะห์สตริง JSON:
ตัวอย่าง
myJSON = '{"name":"John", "age":30, "car":null}';
myObj = JSON.parse(myJSON);
การเข้าถึงค่าวัตถุ
คุณสามารถเข้าถึงค่าของวัตถุได้โดยใช้เครื่องหมายจุด (.):
ตัวอย่าง
const myJSON = '{"name":"John", "age":30, "car":null}';
const myObj = JSON.parse(myJSON);
x = myObj.name;
คุณยังสามารถเข้าถึงค่าอ็อบเจ็กต์ได้โดยใช้เครื่องหมายวงเล็บ ([]):
ตัวอย่าง
const myJSON = '{"name":"John", "age":30, "car":null}';
const myObj = JSON.parse(myJSON);
x = myObj["name"];
วนรอบวัตถุ
คุณสามารถวนซ้ำคุณสมบัติของวัตถุด้วยการวนรอบ for-in:
ตัวอย่าง
const myJSON = '{"name":"John", "age":30, "car":null}';
const myObj = JSON.parse(myJSON);
let text = "";
for (const x in myObj) {
text += x + ", ";
}
ในลูป for-in ใช้เครื่องหมายวงเล็บเพื่อเข้าถึงค่า คุณสมบัติ :
ตัวอย่าง
const myJSON = '{"name":"John", "age":30, "car":null}';
const myObj = JSON.parse(myJSON);
let text = "";
for (const x in myObj) {
text += myObj[x] + ", ";
}