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

การใช้เมธอด JSON.stringify สามารถ แปลงอาร์เรย์และอ็อบเจ็กต์ JavaScript เป็นรูปแบบ JSON ได้ มาดูตัวอย่างกัน

สมมติว่าเรามีอาร์เรย์ที่มีข้อมูลดังนี้:

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

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

let json = JSON.stringify(arr);

กำหนดอาร์เรย์ต่อไปนี้:

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

แปลงอาร์เรย์นี้เป็นรูปแบบ JSON

กำหนด HTML ต่อไปนี้:

<ul>
	<li>city1</li>
	<li>city2</li>
	<li>city3</li>
	<li>city4</li>
</ul>

รับรายชื่อเมืองในรูปแบบ JSON

กำหนด HTML ต่อไปนี้:

<table>
	<tr>
		<th>นามสกุล</th>
		<th>ชื่อ</th>
		<th>ชื่อกลาง</th>
	</tr>
	<tr>
		<td>Ivanov</td>
		<td>Ivan</td>
		<td>Ivanovich</td>
	</tr>
	<tr>
		<td>Petrov</td>
		<td>Petr</td>
		<td>Petrovich</td>
	</tr>
	<tr>
		<td>Sidorov</td>
		<td>Sidor</td>
		<td>Sidorovich</td>
	</tr>
</table>

รับข้อมูลที่นำเสนอในรูปแบบ JSON เป็นอ็อบเจ็กต์ที่มีคีย์ surname, name, patronymic