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

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

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

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

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

javascriptlet arr = JSON.parse(json);

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

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

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

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

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

Задание 2

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

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

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

Задание 3

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

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

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

Задание 4

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

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

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