การแปลง JSON เป็นโครงสร้างข้อมูล JavaScript

คุณสามารถใช้เมธอด JSON.parse เพื่อ แปลง JSON เป็นโครงสร้างข้อมูล JavaScript มาดูตัวอย่างกัน

สมมติว่าเรามีสตริงที่มีอาร์เรย์ ในรูปแบบ JSON:

let json = '[1, 2, 3, 4, 5, "a", "b"]';

มาแปลงสตริงของเราเป็นอาร์เรย์:

let arr = JSON.parse(json);

ในกรณีที่สตริงมี JSON ไม่ถูกต้อง เมธอดของเราจะส่งข้อผิดพลาด:

let json = '[1, 2, 3, 4, 5,]'; // JSON ไม่ถูกต้อง
let arr = JSON.parse(json);    // จะส่งข้อผิดพลาด

กำหนดสตริงในรูปแบบ JSON ที่มีอาร์เรย์ กับตัวเลข:

let json = '[1,2,3,4,5]';

แปลงสตริงนี้เป็นอาร์เรย์ JavaScript จริง และหาผลรวมของตัวเลขในอาร์เรย์นี้

กำหนดสตริงในรูปแบบ JSON ที่มีออบเจ็กต์ กับข้อมูล:

let json = `{
	"data1": [1,2,3],
	"data2": [4,5,6],
	"data3": [7,8,9]
}`;

หาผลรวมของตัวเลขจากข้อมูลที่นำเสนอ

กำหนดสตริงในรูปแบบ JSON ที่มีชื่อ ผู้ใช้:

let json = '["user1","user2","user3","user4","user5"]';

แสดงชื่อเหล่านี้ในรูปแบบรายการ ul

กำหนดสตริงในรูปแบบ JSON ที่มีอาร์เรย์ กับข้อมูลพนักงาน:

let json = `[
	{
		"name": "user1",
		"age": 25,
		"salary": 1000
	},
	{
		"name": "user2",
		"age": 26,
		"salary": 2000
	},
	{
		"name": "user3",
		"age": 27,
		"salary": 3000
	}
]`;

แสดงพนักงานเหล่านี้บนหน้าจอในรูปแบบ ตาราง HTML