ดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

Map ใน JavaScript คืออะไร?

  •  Map เป็นโครงสร้างข้อมูลใน JavaScript ซึ่งอนุญาตให้จัดเก็บคู่ [คีย์ค่า] ซึ่งค่าใด ๆ สามารถใช้เป็นคีย์หรือค่าได้
  • คีย์และค่าในการรวบรวม ของ mapอาจเป็นประเภทใดก็ได้และหากมีการเพิ่มค่าลงในการเก็บ map โดยใช้ key ที่มีอยู่แล้วในการรวบรวมแล้วค่าใหม่จะแทนที่ค่าเก่า
  • การวนซ้ำขององค์ประกอบในวัตถุ map เสร็จสิ้นในลำดับการแทรกและลูป“  For…” จะส่งคืนอาร์เรย์ของคู่ [คีย์ค่า] ทั้งหมดสำหรับการวนซ้ำแต่ละครั้ง

ความแตกต่างระหว่างวัตถุและ map ใน JavaScript
โครงสร้างข้อมูลทั้งสองนี้มีความคล้ายคลึงกันในหลาย ๆ วิธีเช่นทั้งค่าที่เก็บโดยใช้คีย์อนุญาตให้เรียกใช้ค่าเหล่านั้นได้โดยใช้คีย์การลบคีย์ อย่างไรก็ตามมีความแตกต่างอย่างมากระหว่างวัตถุและ map ใน JavaScript ซึ่งทำให้การใช้ map เป็นตัวเลือกที่ดีและดีกว่าในหลายกรณี

  • ปุ่มที่ใช้ใน map สามารถเป็นค่าประเภทใดก็ได้เช่นฟังก์ชั่นวัตถุ ฯลฯ ในขณะที่ปุ่มในวัตถุนั้น จำกัด อยู่ที่สัญลักษณ์และสตริง
  • ขนาดของ map สามารถทราบได้ง่ายโดยใช้คุณสมบัติขนาด แต่ในขณะที่จัดการกับวัตถุขนาดจะต้องกำหนดด้วยตนเอง
  • map ควรเป็นที่ต้องการในกรณีที่ความต้องการเกี่ยวข้องกับการเพิ่มและการลบคู่ [คีย์, ค่า] เนื่องจาก map เป็นชนิดข้อมูลซ้ำและสามารถทำซ้ำได้โดยตรงในขณะที่วนวัตถุต้องได้รับกุญแจในลักษณะที่เฉพาะเจาะจง

Method Map.delete () ใน JavaScript 
Map.delete () ใน JavaScript จะใช้ในการลบ  Elements (อีลีเมนท์ ที่ระบุในองค์ประกอบทั้งหมดที่มีอยู่ใน map

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

การใช้งาน:

  • Map.delete () ใช้เพื่อลบองค์ประกอบที่เกี่ยวข้องกับคีย์ท่ามกลางองค์ประกอบทั้งหมดที่มีอยู่ใน map   

ตัวอย่างโค้ด

<script> 
// creating a map object 
var my_map = new Map(); 

// Adding [key, value] pair to the map 
my_map.set(1, 'first'); 
my_map.set(2, 'second'); 
my_map.set(3,'third'); 
my_map.set(4,'fourth'); 

// will display true as key '3' 
// is present and its associated 
// element is removed as well 
document.write(my_map.delete(3),"</br>","</br>"); 


// elements left in the map after deletion 
document.write("key-value pair of the map", 
				" after deletion-","</br>"); 

my_map.forEach(function (item, key, mapObj) 
{ 
	document.write(key.toString(),":", 
				" ",item.toString() + "<br />"); 
}); 

</script>						 

ผลลัพธ์ที่ได้

true

key-value pair of the map after deletion-
1: first
2: second
4: fourth

ข้อผิดพลาดและข้อยกเว้น:

  • ถ้า key pass เป็นอาร์กิวเมนต์ของฟังก์ชันนั้นไม่มีอยู่ใน map ดังนั้นมันจะส่งคืนค่าเท็จ โดยทั่วไปจะไม่ส่งข้อยกเว้นใด ๆ หรือไม่มีข้อผิดพลาด

ความแตกต่างในการทำงานของ Map.clear (), Map.erase () และฟังก์ชั่นนี้
  Map.clear () ลบคู่ค่าคีย์ทั้งหมดของ map และลดขนาดของ map เป็นศูนย์ โดยที่ Map.erase () ลบค่าที่แม็พที่ระบุซึ่งคีย์ถูกส่งผ่านเป็นอาร์กิวเมนต์หรือตัววนซ้ำหรืออยู่ในช่วงเพื่อลบคู่

 

ช่องทางการศึกษาเพิ่มเติมข่าวที่น่าสนใจเกี่ยวกับ : JAVASCRIPT

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
B - เข้าเมนูหน้ารวมรายการใน admin ไม่ได้
โดย thatsawan ศ 29 พฤษภาคม 2020 5:58 pm บอร์ด Odoojob.com - Tester
0
1
ศ 29 พฤษภาคม 2020 5:58 pm โดย thatsawan
B - ยังขาดหน้าผลการค้นหา จาก search.php
โดย mindphp ศ 29 พฤษภาคม 2020 6:11 am บอร์ด FDD (Main)
0
1
ศ 29 พฤษภาคม 2020 6:11 am โดย mindphp
B - กล่องค้นหาจากหน้า index ใช้งานไม่ได้ กดแล้วไม่ไปหน้าค้นหา
โดย mindphp ศ 29 พฤษภาคม 2020 5:39 am บอร์ด FDD (Main)
1
1
ศ 29 พฤษภาคม 2020 5:53 am โดย mindphp
B - ไม่ใช่แค่โชว์ icon facebook มันต้องทำลิงค์เพื่อให้คลิกไป
โดย mindphp ศ 29 พฤษภาคม 2020 4:39 am บอร์ด FDD (Main)
1
2
ศ 29 พฤษภาคม 2020 4:51 am โดย mindphp
อัพเดท phpbb 3.3 เเล้ว extenstion ใช้งานไม่ได้
โดย thatsawan พฤ 28 พฤษภาคม 2020 10:08 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
1
43
พฤ 28 พฤษภาคม 2020 10:10 pm โดย thatsawan
วิธีการสร้าง css ที่ใช้งานเฉพาะในบราวเซอร์ safari เท่านั้น
โดย Ittichai_chupol พฤ 28 พฤษภาคม 2020 6:06 pm บอร์ด CSS Knowledge
0
34
พฤ 28 พฤษภาคม 2020 6:06 pm โดย Ittichai_chupol
R - Set Demo เป็น subdomain ของ ตัวนี้
โดย mindphp พฤ 28 พฤษภาคม 2020 6:17 am บอร์ด มารียา ซีฟู้ดส์ - Developer
0
8
พฤ 28 พฤษภาคม 2020 6:17 am โดย mindphp
อยากทราบวิธีการกำหนด ค่า css ให้กับ button โดยกำหนดเฉพาะแต่ละบราวเซอร์
โดย Ittichai_chupol พ 27 พฤษภาคม 2020 8:39 pm บอร์ด HTML CSS
1
26
พ 27 พฤษภาคม 2020 9:15 pm โดย mindphp
อัพเดท Changelog flask framework ของภาษา Python
โดย jirawoot พ 27 พฤษภาคม 2020 12:19 pm บอร์ด Python Knowledge
0
47
พ 27 พฤษภาคม 2020 12:19 pm โดย jirawoot
งานประจำวันที่ 27 พฤษภาคม 2563
โดย yositacha26 พ 27 พฤษภาคม 2020 12:13 pm บอร์ด MP011 - โยษิตา จันทะวงษ์
1
25
พ 27 พฤษภาคม 2020 12:15 pm โดย yositacha26
อยากทราบว่า วิธีการกำหนดการตั้งค่า ภาษาไทย ใน Netbeans
โดย Ittichai_chupol พ 27 พฤษภาคม 2020 10:13 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
44
พ 27 พฤษภาคม 2020 10:13 am โดย Ittichai_chupol
B - บริษัท approve ประวัติที่ส่งมาสมัครเเล้ว เเต่ยังแสดงสถานะเดิมอยู่
โดย thatsawan อ 26 พฤษภาคม 2020 6:27 pm บอร์ด Odoojob.com - Tester
0
4
อ 26 พฤษภาคม 2020 6:27 pm โดย thatsawan
อยากทราบวิธีการแก้ไข ภาษาไทยกลายอักษรแปลกๆ
โดย Ittichai_chupol จ 25 พฤษภาคม 2020 4:35 pm บอร์ด Programming - PHP
1
67
จ 25 พฤษภาคม 2020 5:43 pm โดย thatsawan
อยากทราบวิธีการ แบบคอลัมเป็น 3 คอลีม โดยใช้ tag <dl>
โดย Ittichai_chupol จ 25 พฤษภาคม 2020 11:56 am บอร์ด HTML CSS
1
72
จ 25 พฤษภาคม 2020 2:42 pm โดย thatsawan
บันทึกประชุม มารียา ซีฟู้ดส์
โดย thatsawan จ 25 พฤษภาคม 2020 11:40 am บอร์ด มารียา ซีฟู้ดส์ (Main)
2
12
ศ 29 พฤษภาคม 2020 9:32 am โดย tsukasaz
10 สุดยอดสตรีทฟู้ดในแอฟริกาตะวันตก
โดย Anonymous อ 24 พฤษภาคม 2020 9:58 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
87
จ 25 พฤษภาคม 2020 8:03 pm โดย ขุนพล ตั้นตระกูล
ข้อมูลสำหรับทำระบบ
โดย mindphp อ 24 พฤษภาคม 2020 4:07 am บอร์ด มารียา ซีฟู้ดส์ (Main)
0
10
อ 24 พฤษภาคม 2020 4:07 am โดย mindphp
อัพเดดความคืบหน้า / Progress - มารียา ซีฟู้ดส์
โดย mindphp อ 24 พฤษภาคม 2020 4:07 am บอร์ด มารียา ซีฟู้ดส์ (Main)
3
22
ศ 29 พฤษภาคม 2020 2:25 pm โดย thatsawan
อัพเดด Template เว็บไซต์ FDD (V2)
โดย mindphp อ 24 พฤษภาคม 2020 3:51 am บอร์ด FDD (Main)
0
1
อ 24 พฤษภาคม 2020 3:51 am โดย mindphp
R - ปรับกราฟฟิก ของเว็บ FDD
โดย mindphp อ 24 พฤษภาคม 2020 3:50 am บอร์ด FDD (Main)
0
2
อ 24 พฤษภาคม 2020 3:50 am โดย mindphp