วิธีแปลงค่าแผนที่เป็นอาร์เรย์ใน JavaScript

บทช่วยสอนนี้จะอธิบายขั้นตอนการแปลงค่าของแผนที่เป็นอาร์เรย์

จะแปลง / แปลงค่าแผนที่เป็นอาร์เรย์โดยใช้ JavaScript ได้อย่างไร

หากต้องการแปลงค่าของแผนที่เป็นอาร์เรย์ ให้ใช้วิธีการด้านล่าง:

• วิธีการ Array.from()
• ตัวดำเนินการกระจาย

วิธีที่ 1: แปลงค่าแผนที่เป็นอาร์เรย์โดยใช้วิธี Array.from()

สำหรับการแปลงค่าของแผนที่เป็นอาร์เรย์ ให้ใช้ปุ่ม “ map.values() ” วิธีการด้วย “ อาร์เรย์จาก () ' กระบวนการ. เมธอด map.values() ใช้เพื่อรับค่าของแผนที่ และเมธอด Array.from() จะแปลงค่าเหล่านี้เป็นอาร์เรย์

ไวยากรณ์
ปฏิบัติตามไวยากรณ์ที่กำหนดสำหรับการแปลงค่าแผนที่เป็นอาร์เรย์:

ตัวอย่าง
สร้างวัตถุแผนที่ใหม่โดยใช้ตัวสร้าง Map():

ตั้งค่ารายการในคู่คีย์-ค่าในแผนที่โดยใช้ปุ่ม “ ชุด() ' กระบวนการ:

โทรหา “ ค่า () ” วิธีการใน “ อาร์เรย์จาก () ” วิธีการรับค่าแผนที่และแปลงเป็นอาร์เรย์และเก็บไว้ในตัวแปร “ ค่าแผนที่ ”:

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

ผลลัพธ์บ่งชี้ว่าค่าของแผนที่แปลงเป็นอาร์เรย์สำเร็จแล้ว:

วิธีที่ 2: แปลงค่าแผนที่เป็นอาร์เรย์โดยใช้ตัวดำเนินการสเปรด

อีกวิธีในการแปลงค่าของแผนที่เป็นอาร์เรย์คือการใช้ ' ตัวดำเนินการกระจาย ' กับ ' map.values() ' กระบวนการ. เมธอด map.values() จะได้รับค่าของแผนที่ก่อน จากนั้นตัวดำเนินการกระจายจะคัดลอกค่าแผนที่ทั้งหมดลงในอาร์เรย์

ไวยากรณ์
ใช้ไวยากรณ์ที่ให้ไว้ด้านล่างสำหรับการแปลงค่าแมปเป็นอาร์เรย์โดยใช้ตัวดำเนินการสเปรด:

ตัวอย่าง
โทรหา “ map.values() ” วิธีการด้วย “ ตัวดำเนินการกระจาย ” ที่จะแปลงค่าของแผนที่เป็นอาร์เรย์:

เอาต์พุต

เคล็ดลับโบนัส

หากคุณต้องการแปลงคีย์หรือรายการแผนที่ทั้งหมดเป็นอาร์เรย์ ให้ทำตามส่วนด้านล่าง

แปลงคีย์ของแผนที่เป็นอาร์เรย์โดยใช้วิธี Array.from()

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

ตัวอย่าง
สำหรับการแปลงปุ่มแผนที่ ให้เรียกปุ่ม “ แผนที่คีย์ () ” วิธีการใน “ อาร์เรย์จาก () ' กระบวนการ:

เรียกใช้เมธอด map.entries() เป็นอาร์กิวเมนต์ใน Array.from() เมธอดสำหรับการแปลงรายการแผนที่ทั้งหมดเป็นอาร์เรย์:

ผลลัพธ์แสดงว่าคีย์และรายการของแผนที่แปลงเป็นอาร์เรย์สำเร็จแล้ว:

แปลงคีย์แผนที่เป็นอาร์เรย์โดยใช้วิธีตัวดำเนินการสเปรด

มาดูวิธีการแปลงคีย์แผนที่และรายการแผนที่ทั้งหมดเป็นอาร์เรย์โดยใช้ ' ตัวดำเนินการกระจาย '.

ตัวอย่าง
โทรหา “ แผนที่คีย์ () ” วิธีการกับตัวดำเนินการสเปรดและจัดเก็บอาร์เรย์ผลลัพธ์ในตัวแปร mapKeys:

สำหรับการแปลงรายการแผนที่ในอาร์เรย์โดยใช้ปุ่ม “ map.entries() ” วิธีการกับตัวดำเนินการสเปรด:

เอาต์พุต

เราได้รวบรวมข้อมูลที่จำเป็นทั้งหมดที่เกี่ยวข้องกับการแปลงค่าแมปเป็นอาร์เรย์ และยังแมปคีย์และรายการลงในอาร์เรย์โดยใช้ JavaScript

บทสรุป

ในการแปลงค่าแผนที่เป็นอาร์เรย์ ให้ใช้ปุ่ม “ map.values() ” วิธีการด้วย “ อาร์เรย์จาก () ” วิธีการ หรือ “ ตัวดำเนินการกระจาย '. เมธอด map.values() ใช้เพื่อรับค่าของแผนที่ และเมธอด Array.from() จะแปลงค่าเหล่านี้เป็นอาร์เรย์ ในขณะที่ตัวดำเนินการสเปรดจะคัดลอกค่าแผนที่ทั้งหมดไปยังอาร์เรย์ บทช่วยสอนนี้อธิบายขั้นตอนการแปลงค่าของแผนที่เป็นอาร์เรย์