แปลง JSON เป็น Array/map – JavaScript

บทช่วยสอนนี้จะอธิบายวิธีการแปลง JSON เป็นอาร์เรย์และแมปใน JavaScript

วิธีแปลง JSON เป็น JavaScript Array

ในการแปลง JSON เป็นอาร์เรย์ ให้ใช้ปุ่ม “ JSON.parse() ' วิธี. วิธีนี้ใช้สำหรับแปลงสตริง JSON เป็นวัตถุ สำหรับการแปลงสตริง JSON เป็นอาร์เรย์ ก่อนอื่นเราจะแปลงสตริงเป็นอ็อบเจกต์ แล้วจึงเรียก ' ดัน() ” วิธีการเพิ่มค่าในอาร์เรย์ว่าง

ไวยากรณ์

ใช้เมธอดต่อไปนี้สำหรับเมธอด “JSON.parse()”:

ยอมรับสตริง JSON เป็นอินพุตและให้ออบเจกต์เป็นเอาต์พุต

ตัวอย่าง

สร้างสตริง JSON ชื่อ “ strJSON ”:

เรียกใช้เมธอด “JSON.parse()” โดยส่งสตริง JSON เป็นอาร์กิวเมนต์ที่แปลงเป็นวัตถุ:

สร้างอาร์เรย์ว่างชื่อ “ อาร์เรย์JSON ”:

วนซ้ำวัตถุที่ถูกแปลงเรียกว่า “ objJSON ” และพุชค่ากับแต่ละคีย์ไปยังอาร์เรย์โดยใช้ “ ดัน() ' วิธี:

สุดท้าย พิมพ์อาร์เรย์บนคอนโซล:

จะเห็นได้ว่า JSON ถูกแปลงเป็นอาร์เรย์สำเร็จแล้ว:

จะแปลง JSON เพื่อแมปใน JavaScript ได้อย่างไร

สำหรับการแปลง JSON เป็นแผนที่ ให้ใช้ปุ่ม “ แผนที่() ” ตัวสร้างด้วย “ Object.entries() ' และ ' JSON.parse() ” วิธีการ เมธอด “JSON.parse()” แปลงสตริงเป็นออบเจกต์ ในขณะที่เมธอด “Object.entries()” ให้อาร์เรย์ของคู่คีย์-ค่าจากออบเจ็กต์ที่แปลงแล้ว ตัวสร้าง 'แผนที่' สร้างวัตถุแผนที่ใหม่จากอาร์เรย์ของรายการ

ไวยากรณ์

ใช้ไวยากรณ์ที่กำหนดสำหรับการแปลง JSON เพื่อแมปใน JavaScript:

ตัวอย่าง

เรียกใช้ตัวสร้าง 'Map()' ด้วย 'Object.entries()' และ 'JSON.parse()' โดยส่งสตริง JSON เป็นอาร์กิวเมนต์:

พิมพ์แผนที่บนคอนโซลโดยใช้ “ คอนโซล.ล็อก() ' วิธี:

เอาต์พุต

เราได้จัดเตรียมข้อมูลที่จำเป็นทั้งหมดที่เกี่ยวข้องกับการแปลง JSON เป็นอาร์เรย์/แผนที่ใน JavaScript

บทสรุป

สำหรับการแปลง JSON เป็นอาร์เรย์ ให้ใช้ปุ่ม “ JSON.parse() ” วิธีการด้วย “ ดัน() ” วิธีการ และในการแปลง JSON เป็นแผนที่ ให้ใช้ “ แผนที่() ” ตัวสร้างด้วย “ Object.entries() ' และ ' JSON.parse() ' วิธี. เมธอด JSON.parse() เป็นเมธอดหลักสำหรับการแปลง เนื่องจากมันแปลงสตริง JSON เป็นออบเจกต์ บทช่วยสอนนี้แสดงวิธีการแปลง JSON เป็นอาร์เรย์และแมปใน JavaScript